2017-02-18 78 views
8

我正在开发一个带有vuejs的网站,在这一刻我遇到了麻烦,我需要从这样的网址获取网址查询(页面),例如:websitename.com/user/?page=1但this.$router.query.page给我一个错误(未捕获TypeError:无法读取属性'页'的undefined)VueJs得到网址查询

有人知道这个问题的一些事情,可以帮助我吗?

PS: 我可以使用this.$router.push({name: 'userIndex', query: { page: '123' } });设置查询页面,我可以像userID - >(websitename.com/user/:userId | websitename.com/user/1)那样获取url正常参数,但是我不能得到任何查询参数

谢谢你的时间。

回答

27

我认为你可以简单地调用这个,这会给你结果值。

this.$route.query.page 

看图像$途径是在Vue的实例对象,你可以用这个关键字的访问和明年,你可以选择喜欢的对象属性上面一个:

enter image description here

看一看Vue的路由器文档用于选择查询值:

Vue Router Object

+0

你的回答是对的,但是console.log的作品也是在我之后nge的事件处理程序,其中调用路由器查询“创建” –

+0

但我不能访问此路由器查询内部的按钮调用的方法或任何其他操作 –

2

当前路由属性存在于this.$route,this.$router是给出路由器配置的路由器对象的实例。您可以使用this.$route.query