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

有人知道这个问题并能帮助我吗?

PS:我可以使用

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

我可以得到像

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

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

推荐答案

我认为这个结果很简单.

this.$route.query.page

Look image$route是Vue实例中的对象,您可以使用此关键字进行访问,然后可以 Select 如上所示的对象属性:

enter image description here

查看Vue路由文档以 Select 查询值:

Vue Router Object

Vue.js相关问答推荐

Nuxt 3中间件在部署到Netliy时基于IP国家代码的重定向不起作用

vue3中的转换可以在滑入但不能滑出时工作

Vuetify 3 改变 Select 的 colored颜色

Vue3外部数组的响应性

如何在FormKit中验证文本输入框中不能输入数字

将媒体源/流绑定到视频元素 - Vue 3 组合 API

Vue:将点击事件绑定到动态插入的内容

CssSyntaxError 使用 Webpack 4 构建未知单词

如何在 vue 组件之外访问$apollo?

在下拉菜单上使用箭头键滚动

如何将Vue的主应用程序渲染到body元素?

如何在不实例化根实例的情况下使用 vue 组件?

Vue.js 中 Chrome 和 Datalist 的性能问题

Vuejs在复选框 Select 上切换div可见性

导入没有 .vue 扩展名的 *.vue 文件时出现以下错误?

错误:vue-loader 要求 @vue/compiler-sfc 存在于依赖树中

如何在 Vue.js 3 中使用 Vue 3 Meta?

Vue 如何使用 slot 和 slot-props 测试组件

带有 Google Auth Signin 的 Vuejs 全局函数

Vue过滤器应该如何使用typescript绑定?