ホームページ >ウェブフロントエンド >Vue.js >vueのクエリとパラメータの違いは何ですか

vueのクエリとパラメータの違いは何ですか

WBOY
WBOYオリジナル
2022-03-17 15:30:1518773ブラウズ

違い: 1. クエリはパスを使用してパラメータ転送アドレスを書き込みますが、params は名前を使用してパラメータ転送アドレスを書き込みます; 2. クエリがページを更新してもパラメータは消えませんが、パラメータはクエリがページを更新しても消えません。 params はページを更新します; 3. query 渡されたパラメータは URL アドレス バーに表示されますが、params に渡されたパラメータはアドレス バーには表示されません。

vueのクエリとパラメータの違いは何ですか

#この記事の動作環境: Windows 10 システム、Vue バージョン 2.9.6、DELL G3 コンピューター。

vue のクエリとパラメータの違いは何ですか

クエリ構文:

this.$router.push({path:“地址”,query:{id:“123”}}); 这是传递参数
this.$route.query.id; 这是接受参数

params 構文:

this.$router.push({name:“地址”,params:{id:“123”}}); 这是传递参数
this.$route.params.id; 这是接受参数

違い:

1 .まず書き方が異なり、queryの書き方はpathを使ってパラメータの転送アドレスを書きますが、paramsの書き方はnameを使ってパラメータの転送アドレスを書きます。ルートを記述するときに関連する属性を確認し、ルーティング オブジェクトを出力することもできます。情報を見てください

2. 受信方法は異なり、クエリを使用して受信する方法と、パラメータを使用する方法があります。要約すると、送信した人がそれを受信するということです。

3.ページを更新するとクエリ パラメータは無効になり、ページが更新されると params パラメータは表示されなくなります。ローカル ストレージは次のとおりです。問題を解決します。

##4. クエリで渡されたパラメータは URL アドレス バーに表示されますが、params で渡されたパラメータはアドレス バーに表示されません

【関連推奨事項:

vue.js チュートリアル

"]

以上がvueのクエリとパラメータの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。