uni-app uni-simple-router报错"TypeError: Cannot read property 'query' of undefined"

uni-app uni-simple-router报错"TypeError: Cannot read property ‘query’ of undefined"

信息类别 详细信息
产品分类 uniapp/小程序/微信
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 10
HBuilderX类型 正式
HBuilderX版本号 3.1.2
第三方开发者工具版本号 1.05.2102010
基础库版本号 2.15.0
项目创建方式 HBuilderX

bug描述：

uni-simple-router插件在入口页的creatd，computed，onLaunch等生命周期中都可正常获取到，但是在新开的页面中的creatd，computed，onLaunch获取$Route都会报错（新页面的组件中也一样报错）vendor.js? [sm]:3484 [Vue warn]: Error in created hook: “TypeError: Cannot read property ‘query’ of undefined”


更多关于uni-app uni-simple-router报错"TypeError: Cannot read property 'query' of undefined"的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

怎么解决，同求

更多关于uni-app uni-simple-router报错"TypeError: Cannot read property 'query' of undefined"的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个错误通常是因为在新页面中访问 $Route 对象时，路由实例尚未正确初始化或挂载到 Vue 实例上。$Route 对象在页面组件创建时可能还未注入，导致访问其 query 属性时出现 undefined。

解决方法：

  1. 检查路由配置：确保在 main.js 或入口文件中正确安装和配置了 uni-simple-router，包括调用 Vue.use 和初始化路由实例。

  2. 延迟访问：在页面的 onLoad 生命周期中访问 $Route.query，因为此时路由参数已解析完成。例如：

    onLoad(options) {
  console.log(this.$Route.query); // 安全访问
}
回到顶部