VueJs获取网址查询

番长斯丁Itachi2020-03-11

我正在用vuejs开发一个网站，此刻我遇到麻烦了，我需要从类似websitename.com/user/?page=1这样的URL获取url查询（页面），但会给this.$router.query.page我一个错误（未捕获的TypeError：无法读取未定义的属性“页面”）

有人对此问题有所了解，可以为我提供帮助吗？

PS：我可以使用

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

我可以得到url正常参数，例如

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

但我无法获得任何查询参数

Gil理查德2020/03/11 11:51:15

当前的路由属性存在于中this.$route，它this.$router是路由器对象的实例，它提供了路由器的配置。您可以使用获取当前路线查询this.$route.query

2020/03/11 11:51:15

就我而言，我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

番长阿飞2020/03/11 11:51:15

我认为您可以这样简单地调用，这将为您带来结果价值。

this.$route.query.page

看图$ route是Vue实例中的对象，您可以使用此关键字进行访问，接下来您可以选择对象属性，如上面的一个：

看一下Vue-router文档以选择查询值：

Newest Answer