🧐

【Nuxt】$routerには何が定義されているのか

2022/12/02に公開約700字

はじめに

Nuxtで外部サイトに遷移させる際に、router.pushさせようとして詰まったので$routerについて調べておく。
(ちなみに外部への遷移は以下参照)
https://qiita.com/TK-C/items/04696c84bea955fd62fe

$router

$routerでアクセスできるルーターインスタンスにはページ遷移に関するメソッドが定義されています。

①push

説明

指定のURLに移動します。

使用例

router.push('home')

②replace

説明

router.pushと同じように動作しますが、違いは、新しい履歴エントリをプッシュせずに現在のエントリを置き換えるという点です。

使用例

router.replace('home')

③go

説明

window.history.go(n)と同様に履歴スタックを何段階進めるか、あるいは何段階戻すかを示す整数をパラメータとして受け取り指定した分ページを進め(戻し)ます。

使用例

// 履歴1ページ分進める
router.go(1)

// 履歴1ページ分戻る
router.go(-1)

参考ページ

https://nuxtjs.org/docs/configuration-glossary/configuration-router/
https://v3.router.vuejs.org/guide/essentials/navigation.html#router-push-location-oncomplete-onabort

Discussion

ログインするとコメントできます