[VUE.JS]Vue Router使用時にページ内アンカーにリンクする方法 - D-NETVue.jsを使用しているプロジェクトで、ページ内のアンカーポイントにリンクするボタンの実装をしました。 単純に、 <a href="#xxxx">テストリンク</a> でいいのかと思ったら、上記で実装した場合、アンカーに飛ぶには飛ぶのですが、ページのURLが/#xxxxになってしまいました。 リロードするまでは、正常に動作していたんですが、リロードしたら真っ白に！ Vue Routerの設定によっては、そもそもアンカーが動作しなかったりする場合もあります。 ということで、下記のように解決しました。 scrollIntoViewでアンカーポイントまでスクロールする まずは、同ページ内のアンカーに遷移してみます。 javascriptを使用して移動させる方法です。 単純ですが、動作にブレが無くいい感じです。 // button part <a class="btn-primary" @cli
![[VUE.JS]Vue Router使用時にページ内アンカーにリンクする方法 - D-NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/c27e149125edc3a298e8079c5ded3b82c0ddae2a/height=288;version=1;width=512/https%3A%2F%2Fforsmile.jp%2Fwp-content%2Fuploads%2F2016%2F01%2Fcropped-icon-dnet-1.png){kind=icon}
