34-vueでのプログラムによるルーティングナビゲーション

理解

  プログラムによるルーティングナビゲーション:jsコードを使用してページジャンプを実現します(たとえば、ボタンをクリックし、イベントモニタリングを追加してページジャンプを作成します)

window.location.href = url
window.location = url  //简洁写法

コンポーネントオブジェクトの2つのプロパティthis

  コンポーネントオブジェクトには、$ route $ router。という2つのプロパティがあります。
   $ routeは現在のコンポーネントを表し、いくつかのデータを格納します。
   $ routerはルーターを表し、いくつかの機能メソッドがあります。

$ router属性の3つの機能メソッド

  1. this。$ router.push(path):ルーティングリンクをクリックするのと同じです(現在のルーティングインターフェイスに戻ることができます)
  2. this。$ router.replace(path):現在のルートを新しいルートに置き換えます(現在のルートインターフェイスに戻ることはできません)
  3. this。$ router.back():前のレコードルートを要求(返す)

$ router属性の使用例

ここに画像の説明を挿入

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/A_Bow/article/details/114239387