More than 3 years have passed since last update.

【Nuxt.js】$router.push('/')で異なるURLに遷移する

Posted at 2020-02-09

開発中に学んだ知識のアウトプットとして書いています。

####nuxt-linkで遷移する方法

about.vue

<nuxt-link to="/">
  <div>ホームへ戻る</div>
<nuxt-link>

今までは'nuxt-link'タグで遷移する方法のみ使用していました。
＊この機能は Nuxt.js v2.4.0 で追加されました。
＊'router-link'の拡張版のようです。

####$route.push()で遷移する方法

about.vue

<button @click="$route.push('/')">ホームに戻る</button>

'push'メソッドでも遷移できるようです。'click'アクションでホームに戻る処理です。