vuejs2 - VueJs 获取url查询

Question

我正在用 vuejs 开发一个网站，此时我遇到了一个问题，我需要从 websitename.com/user/?page=1 这样的 URL 获取 URL 查询(页面)，但是 this.$router.query.page 给我一个错误(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)

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

Answer 1

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

this.$route.query.page

看图 $route 是 Vue 实例中的对象，您可以使用此关键字访问，然后您可以选择对象属性，如上所示:

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

Vue Router Object