VueJs 获取 url 查询

Question

我正在使用 vuejs 开发一个网站，此时我遇到了一个问题，我需要从类似 websitename.com/user/?page=1 但 this.$router.query.page 这样的 URL 获取 URL 查询（页面） --- 给我一个错误（Uncaught TypeError: Cannot read property ‘page’ of undefined）

有人知道这个问题并且可以帮助我吗？

PS：我可以使用设置查询页面

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

我可以得到像这样的 URL 正常参数

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

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

原文由 Simão Lemos 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

 this.$route.query.page

看图像 $route 是 Vue 实例中的对象，您可以使用此关键字访问，然后您可以选择像上面这样的对象属性：

查看用于选择查询值的 Vue-router 文档：

Vue 路由器对象

原文由 Mandeep Gill 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您也可以使用纯 javascript 获取它们。

例如：

 new URL(location.href).searchParams.get('page')

对于此网址： websitename.com/user/?page=1 ，它将返回值 1

原文由 Brad Ahrens 发布，翻译遵循 CC BY-SA 4.0 许可协议