mogami74 https://blog.hatena.ne.jp/mogami74/ Because We Love Happy Coding https://code.74th.net/ Vue.js JavaScript Vue-routerを使ったサイトで「リンクをクリックしても遷移しない」という現象が起きて頭をひねっていた。 結論から言うと、同じコンポーネントから同じコンポーネントへ移動しようとすると、コンポーネントが再利用され、再描画されない現象が起こる。そのため、「リンクが効かない」ような錯覚を起こすことがわかった。 解決 Componentのjsに、computed; created()なんかと並列に以下を記述した。 beforeRouteUpdate (to, from, next) { //再描画前のアクション next(); //再描画後のアクション } next()の前はもともとのコンポーネン… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fcode.74th.net%2Fentry%2F2017%2F12%2F28%2F175341" title="Vue-routerを使ったサイトで「リンクをクリックしても遷移しない」 - Because We Love Happy Coding" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2017-12-28 17:53:41 rich https://code.74th.net/entry/2017/12/28/175341 1.0 100%