VueJs获取网址查询

vuejs2 Vue.js

番长斯丁Itachi

2020-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)

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

第627篇《VueJs获取网址查询》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共3个回答

Gil理查德 2020.03.11

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

null 2020.03.11

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

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

this.$route.query.page

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android