技术栈

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

风铭雪2024-08-14 15:00

使用深度监听

watch: {

'$route.query': {

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

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

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

this.getList();

}

},

deep: true,

immediate: true

}

},

上一篇:排序算法之梳排序
下一篇:Java对象头里有哪些信息
相关推荐
念风零壹
6 小时前
AI 时代的前端技术:从系统编程到 JavaScript/TypeScript
前端·ai
光影少年
7 小时前
react的hooks防抖和节流是怎样做的
前端·javascript·react.js
小毛驴850
7 小时前
Vue 路由示例
前端·javascript·vue.js
发现一只大呆瓜
7 小时前
AI流式交互:SSE与WebSocket技术选型
前端·javascript·面试
m0_71908411
8 小时前
React笔记张天禹
前端·笔记·react.js
Ziky学习记录
9 小时前
从零到实战:React Router 学习与总结
前端·学习·react.js
wuhen_n
9 小时前
JavaScript链表与双向链表实现:理解数组与链表的差异
前端·javascript
wuhen_n
9 小时前
JavaScript数据结构深度解析:栈、队列与树的实现与应用
前端·javascript
我是一只puppy
9 小时前
使用AI进行代码审查
javascript·人工智能·git·安全·源代码管理
颜酱
9 小时前
从二叉树到衍生结构:5种高频树结构原理+解析
javascript·后端·算法
热门推荐
01GitHub 镜像站点02Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services03openclaw配置教程(linux+局域网ollama)04UV安装并设置国内源05Linux下V2Ray安装配置指南06AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南07openclaw使用nginx反代部署过程 与disconnected (1008): pairing required解决08在Trae中使用Pencil MCP09Claude Code Skills 实用使用手册10OpenClaw Chrome扩展使用教程 - 浏览器中继控制