2019.08.30目次router-viewでpropsをうまく渡せないrouter-viewの部分propsの部分propsがうまく渡せているか確認する原因まとめrouter-viewでpropsをうまく渡せないVue.jsのrouter-viewを使ってpropsを渡したい時になかなかうまく行かず詰まったため、備忘録として記載しておきます。状況としては以下のような感じです。router-viewの部分router-viewで以下のようにいくつかのpropsを渡しました。受け取ったpropsは以下のような感じです。String,},propsがうまく渡せているか確認する渡したpropsがコンポーネントへうまく渡せているか確認しました。}辺りにconsole.logを入れてみます。渡せていれば、console.log(this.prop1)とかで値が取れます。全部表示するので以下で表示してみます。原因どうやらrouter-viewやpropsでnoPropSample5のようにキャメルで定義するとダメっぽい。ハマりやすそうなので、気をつけたほうがいいですね。Vue.jsやると忘れて何回も引っかかりそうです。まとめいかがでしたでしょうか。今回は、router-viewを使ってpropsを渡したい時の注意点でしたが、同じように行き詰まった方はいましたでしょうか?こちらの記事は完全に備忘録として記録していますので、もし誤っていたり、他に良い回避方法などがあればわかる方は教えていただけるとありがたいです。以前、LaravelでAxiosを使っていて、apiの呼び出しが突然401になり、少し詰まったため備忘録として掲載しておきます。以前Vue.jsで、thisの値をv-forの中で参照しようとしたところ、うまく参照できませんでした。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。ホームVue.js検索kouフリーランスのプログラマーです。・フリーランスエンジニアインフラ構築からシステム開発まで、ご相談を受け付けています。PHP/Laravel、Vue.js/Nuxt.js、React/Next、クリーンアーキテクチャ、マイクロサービスなどの業務経験があります。その他、Python/Django、Java/SpringBoot、JavaScript、WordPressなどの経験もあります。お仕事のご依頼は、メニューのお問い合わせからお願いします。検索kouフリーランスのプログラマーです。・フリーランスエンジニアインフラ構築からシステム開発まで、ご相談を受け付けています。PHP/Laravel、Vue.js/Nuxt.js、React/Next、クリーンアーキテクチャ、マイクロサービスなどの業務経験があります。その他、Python/Django、Java/SpringBoot、JavaScript、WordPressなどの経験もあります。お仕事のご依頼は、メニューのお問い合わせからお願いします。APIHerokuHomebrewHTMLJavaJavaScriptjQueryLaravelLinuxMacMezzanineMySQLNodeNuxtPC紹介PHPPostgreSQLPythonReactRedisSalesforcescaffoldSeleniumShellslackSQLiteTerraformTypeScriptUbuntuVirtualBoxVue.jsVultrWordPressXcode。