Vue标签页切换时的异步更新问题

当你点击"发票备份"标签时,@tab-click 事件会立即触发 handleTabClick(),但此时 activeTab 的值还没有更新(Vue 的响应式更新是异步的),所以第一次还是用的旧值 'document' 去请求,等到第二次点击时才是正确的值。

有两种解决方案:

方案1:使用 watch 监听(推荐)

移除 @tab-click 事件,改用 watch 监听 activeTab 的变化,这样当标签切换后值更新了才会触发请求。

方案2:使用 nextTick

在 handleTabClick 中使用 nextTick 等待 Vue 更新完成。

相关推荐
笨笨狗吞噬者8 分钟前
【uniapp】小程序实现自由控制组件JSON文件配置
vue.js·微信小程序·vite
Caster_Z21 分钟前
WinServer安装NPM(Nginx Proxy Manager),并设置反向代理和开启https
前端·nginx·npm
顾安r22 分钟前
11.22 脚本 手机termux项目分析(bash)
前端·python·stm32·flask·bash
龙国浪子25 分钟前
小说写作软件中的文本高亮功能:基于 TipTap 的多彩标记技术实现
vue.js·electron
慧慧吖@25 分钟前
Zustand
开发语言·javascript·ecmascript
2***B44942 分钟前
JavaScript语音识别案例
开发语言·javascript·语音识别
是你的小橘呀1 小时前
JavaScript 原型链解密:原来 proto 和 prototype 这么好懂
前端·javascript·前端框架
ohyeah1 小时前
使用 LocalStorage 实现本地待办事项(To-Do)列表
前端·javascript
Jing_Rainbow1 小时前
【前端三剑客-6/Lesson11(2025-10-28)构建现代响应式网页:从 HTML 到 CSS 弹性布局再到 JavaScript 交互的完整指南 🌈
前端·javascript
6***37941 小时前
JavaScript虚拟现实开发
开发语言·javascript·vr