Vueのルーティングパラメーターのクエリとパラメーターの違い

ルーティング構成:{パス: '/ログイン'、名前: 'ログイン'、コンポーネント:ログイン}、

1.ページにクエリパラメータのジャンプが含まれている(パス、名前は、ログインにジャンプするときにクエリパラメータを使用できることを示しています)

this。$ router.push({path: '/ login'、name: 'Login'、query:{id:this.id })

クエリはgetリクエストを送信することと同じです。リクエストパラメータはブラウザのアドレスバーに表示されます

2.ページにparamsパラメータジャンプが含まれている(paramsパラメータジャンプが含まれている場合は、paramsのみを指定できます)

this。$ router.push({name: 'Login'、params:{id:this .id})

Paramsは投稿リクエストを送信することと同じで、リクエストパラメータは表示されず、ページが更新されるとパラメータは表示されなくなります

ルーティング構成がに変更されたとき

ルーティング構成:{パス: '/ログイン/:ID'、名前: 'ログイン'、コンポーネント:ログイン}

もう一度リクエストを送信します。リクエストされたデータはページの更新で消えません

 

リクエストパラメータを取得する

this。$ route.params.id 
this。$ route.query.id

 

注:

ルーターはVueRouterのオブジェクトです。Vue.use(VueRouter)とVueRouterのコンストラクタを通じて、ルーターインスタンスオブジェクトが取得されます。このオブジェクトはグローバルオブジェクトです。すべてのルートが含まれ、多くの主要なオブジェクトと属性が含まれています。

$ router.push({path: 'login'});本質はルートを履歴スタックに追加することです、私たちの意見ではルートを切り替えることですが、本質は履歴レコードを追加することです。

ルートはジャンプのルートオブジェクトです。各ルートはルートオブジェクトを持ち、ローカルオブジェクトです。対応する名前、パス、パラメータ、クエリなどを取得できます。

 

おすすめ

転載: www.cnblogs.com/shuaigebie/p/12717238.html