首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >VueJs获取url查询

VueJs获取url查询
EN

Stack Overflow用户
提问于 2017-02-18 09:14:23
回答 3查看 181.5K关注 0票数 86

我正在用vuejs开发一个网站,现在我遇到了一个问题,我需要从一个网址中获取网址查询(页面),比如websitename.com/user/?page=1,但this.$router.query.page给了我一个错误(未捕获TypeError:无法读取属性‘页面’的未定义)

有没有人知道这个问题,可以帮我?

PS:我可以使用以下命令设置查询页面

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

我可以得到URL法线参数,比如

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

但是我不能得到任何查询参数。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2017-02-18 23:18:51

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

this.$route.query.page

注意,图像$route是Vue实例中的对象,您可以使用此关键字进行访问,然后您可以选择对象属性,如下所示:

查看Vue-router文档以选择查询值:

Vue Router Object

票数 155
EN

Stack Overflow用户

发布于 2017-02-18 11:48:30

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

票数 14
EN

Stack Overflow用户

发布于 2018-07-17 04:52:07

在我的例子中,我使用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
票数 11
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42309986

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档