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

使用深度监听

watch: {

'$route.query': {

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

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

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

this.getList();

}

},

deep: true,

immediate: true

}

},

相关推荐
晷龙烬几秒前
Vue组件使用三步走:创建、注册、使用(Vue2/Vue3双版本详解)
前端·javascript·vue.js
前端 贾公子2 分钟前
微信小程序webview访问的url从https变成http原因排查
前端
2501_948122634 分钟前
React Native for OpenHarmony 实战:Steam 资讯 App 设置页面
javascript·react native·react.js·游戏·ecmascript·harmonyos
云和数据.ChenGuang5 分钟前
fastapi无法在微软的edge上运行程序
前端·edge·fastapi
2501_948122636 分钟前
React Native for OpenHarmony 实战:Steam 资讯 App 意见反馈实现
javascript·react native·react.js·游戏·ecmascript·harmonyos
IT_陈寒8 分钟前
Vue3性能优化实战:5个被低估的API让我减少了40%的代码量
前端·人工智能·后端
是罐装可乐9 分钟前
前端架构知识体系:深入理解 sessionStorage、opener 与浏览器会话模型
开发语言·前端·javascript·promise·语法糖
2501_9445210010 分钟前
rn_for_openharmony商城项目app实战-账号安全实现
javascript·数据库·安全·react native·react.js·ecmascript
s19134838482d10 分钟前
web前端-设计表格
前端
Amumu1213812 分钟前
React路由(三)
javascript·react.js·ecmascript