まとめvue-routerでちょっとつまづいた点をまとめます。サイトのサイドバーに設置したrouter-linkをクリックしても反応せず、ページが更新されない。クリックが反応せずコンテンツが切り替わらない上記より、どうやら「同じページでパラメーターが異なる場合」に、リンクがうまく動かないようであることがわかりました。2.5.x原因アタリもつきますし、ドキュメントを読めば一発で原因がわかる内容でした。router設定は次です。vue-routerのコロンから始まる部分が、いわゆる動的セグメントです。動的セグメントで受け取ったパラメーターは、Vueコンポーネントで次のように受け取ります。いうことがしっかりと記載されています。遷移するときに同じコンポーネントインスタンスが再利用されるということです。両方のルートが同じコンポーネントを描画するため、古いインスタンスを破棄して新しいものを生成するよりも効率的です。これはコンポーネントのライフサイクルフックが呼ばれないことを意味しています。パラメーター変更の検知http://router.vuejs.org/ja/essentials/dynamic-matching.html今回の不具合はまさにこの「コンポーネントの再利用」によるもので、パラメーター変更を検知していなかったためでした。対処方法ドキュメント記載の通り、パラメーターの変更をwatchします。}5}6具体的には次のようなコードとしました。今対応の追記部分です。}23}24まとめvue-routerで動的ルートマッチングを行う場合、「対象コンポーネントを表示中にパラメーターが変化する」場合はwatchしましょう。私の場合、サイドバーからのリンクが上記に当てはまりましたが、TOPページからは通常通り遷移するので発見が遅れてしまいました。デバッグ不足でしたー。ノイズキャンセリングヘッドフォンで集中力をマネジメントする2018-05-30疲労をマネジメントして集中力を高めよう2017-12-16[情熱プログラマ]「チームで一番の下手くそ」でいる勇気Amazonで詳細を見るAmazonで詳細を見るAmazonで詳細を見るCategoriesdevopsdevops/cocos2d-xdevops/hugodevops/laraveldevops/springframeworkdevops/vue.jsdevops/wordpresslovefanmeetlearnohterotherworklifeArchives201420152015/1st2015/2nd2015/3rd2015/4th20162016/1st2016/2nd2016/3rd2016/4th20172017/1st2017/2nd2017/3rd2017/4th20182018/1st2018/2nd2018/3rd2018/4th20192019/1st2019/2nd2019/3rd2019/4th20202020/1stTags#php#laravel#mac#wordpress#javascript#働き方#java#ネタ#ブログカスタマイズ#良いコード#vue.js#フロントエンド#linux#コマンド#プログラミング#人生の最適化戦略#cocos2d-x#アプリ開発#インフラ#androidアプリ開発#c++#simplicity#技術書#hugo#mysql#springframework#db#it業界#it用語集#ビジネス書#開発環境構築#androidアプリ#セキュリティ#テスト#静的サイトジェネレーター#jquery#json#web開発#レンタルサーバ#aws#css#git#maven#さくらインターネット#インターネットの仕組み#カタログ#ガジェット#ガチャ#サイバーセキュリティ#マイグレーション#開発環境#atom#bootstrap#github#iosアプリ開発#it勉強会#jmockit#markdownatuweb。