vue使用$route二次打开页面无法获取路由参数

使用深度监听

watch: {

'$route.query': {

handler(oldVal, newVal) { //监听路由是否变化

if (JSON.stringify(oldVal) != "{}") { // 判断这个参数是否为空对象,这里需要判断对象类型,所以不能用==

this.queryParams.deviceId = oldVal.row.id;

this.getList();

}

},

deep: true,

immediate: true

}

},

相关推荐
似水流年QC13 小时前
前端性能优化实战:用 IntersectionObserver 实现图片懒加载
前端·性能优化
q1cheng13 小时前
基于Spring Boot + Vue项目online_learn的权限控制机制分析
前端
扶苏100213 小时前
深入理解 Vue 3 的 watch
前端·javascript·vue.js
前端 贾公子13 小时前
组件 v-model 的封装实现原理及 Input 组件的核心实现(上)
服务器·前端·javascript
老骥伏枥~13 小时前
基于Spring Boot + Vue.js的图书管理系统
vue.js·spring boot·后端
weixin1997010801613 小时前
亚马逊商品详情页前端性能优化实战
前端·性能优化
全栈前端老曹13 小时前
【Redis】 监控与慢查询日志 —— slowlog、INFO 命令、RedisInsight 可视化监控
前端·数据库·redis·缓存·全栈·数据库监控·slowlog
扶苏100213 小时前
Vue 3 的组合式 API(Composition API)优势
前端·javascript·vue.js
code袁13 小时前
基于Springboot+Vue的家教小程序的设计与实现
vue.js·spring boot·小程序·vue·家教小程序
万少13 小时前
这可能是程序员离用AI赚钱最容易的一个机会了
前端·ai编程