プログラムによるナビゲーション | Vue Router

宣言的なナビゲーションとしてアンカータグを作成する <router-link> がありますが、ルーターのインスタンスメソッドを使ったプログラムによる方法でもそれは可能です。 # router.push(location, onComplete?, onAbort?) 注意: Vue インスタンスの内部では、$router としてルーターインスタンスにアクセスできます。従って、this.$router.push で呼ぶことができます。 異なる URL へ遷移するときに router.push が使えます。このメソッドは history スタックに新しいエントリを追加します。それによってユーザーがブラウザの戻るボタンをクリックした時に前の URL に戻れるようになります。 このメソッドは <router-link> をクリックした時に内部的に呼ばれています。つまり <router-link :

[naohero22]

“router.push({ path: 'home' })”

[reboot_in]

Vue インスタンスの内部では、$router としてルーターインスタンスにアクセスできます。従って、this.$router.push で呼ぶことができます。

[nilab]

router.push(location, onComplete?, onAbort?) 「内部では、$router としてルーターインスタンスにアクセスできます」「異なる URL へ遷移するときに router.push が使えます。このメソッドは history スタックに新しいエントリを追加します」

[syonx]

未ログイン時に飛ばす時などに