web-dev-qa-db-ja.com

VueJsはURLクエリを取得します

私はvuejsを使用してWebサイトを開発していますが、現時点では問題が発生しています。このwebsitename.com/user/?page=1のようなURLからURLクエリ（ページ）を取得する必要がありますが、this.$router.query.pageエラーを受け取る

誰かがこの問題について何か知っていて、私を助けることができますか？

PS：を使用してクエリページを設定できます

this.$router.Push({name: 'userIndex', query: { page: '123' } });

そして、私はURLのような通常のパラメータを取得することができます

userID -> (websitename.com/user/:userId | websitename.com/user/1)

しかし、クエリパラメータを取得できません

vuejs2vue-componentvue.jsvue-router
45
Simão Lemos

このように簡単に呼び出すことができると思いますが、これはあなたに結果の価値を与えるでしょう。

this.$route.query.page

画像$ routeはVueインスタンスのオブジェクトであり、このキーワードでアクセスでき、次に上記のようなオブジェクトプロパティを選択できます。

enter image description here

クエリ値を選択するためのVue-routerドキュメントを見てください：

Vueルーターオブジェクト

85
Mandeep Gill

現在のルートプロパティはthis.$routeに存在し、this.$routerはルーターの構成を提供するルーターオブジェクトのインスタンスです。 this.$route.queryを使用して現在のルートクエリを取得できます

8
Srinivas Damam

私の場合、console.log(this.$route)とfullPathを返しました。

console.js:
fullPath: "/solicitud/MX/666",
params: {market: "MX", id: "666"},
path: "/solicitud/MX/666"

console.js: /solicitud/MX/666
3
Jorge Epuñan