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

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

有两种解决方案:

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

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

方案2:使用 nextTick

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

相关推荐
qetfw11 分钟前
MXU:Tauri 2 + React 的 MaaFramework 跨平台 GUI 源码
前端·python·react.js·前端框架·开源项目·效率工具
甲维斯12 分钟前
我要开始吹牛逼了!Kimi K3 “宇宙无敌”!
前端·人工智能
a11177619 分钟前
微光小屋-前端养成小游戏 开源项目
前端
kyriewen31 分钟前
我让AI给前端项目做了一次完整的Code Review——它和人类的差距,比我想的大得多
前端·javascript·ai编程
张鑫旭32 分钟前
快速过下我2026年上半年的前端学了些啥
前端
এ慕ོ冬℘゜1 小时前
前端基础:什么是时间戳?JS获取时间戳三种方法与实战用途
开发语言·前端·javascript
hoLzwEge1 小时前
拯救低效调试!code-inspector-plugin 让代码定位如虎添翼
前端·前端框架·node.js
J船长1 小时前
烂笔头扫盲:LLM Eval 入门:从「感觉挺好」到「数据说话」的工程化落地
前端
skiyee2 小时前
被多个 UView 系 UI 库 “抄” 的 @uni-ku/root 究竟怎么实现?
前端