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

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

有两种解决方案:

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

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

方案2:使用 nextTick

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

相关推荐
xiaofeichaichai几秒前
Service Worker、PWA 与 Web Worker — 离线缓存与主线程算力分离
前端·缓存
JustHappy17 分钟前
古法编程秘籍(四):函数究竟是什么?把函数最重要的能力一次讲清楚
前端·后端·面试
OpenTiny社区18 分钟前
一行命令添加 AI 对话入口!TinyRobot 也太省事了~
前端·vue.js·ai编程
sagima_sdu19 分钟前
Vue 前端径向渐变背景制作
前端·javascript·vue.js
神奇小汤圆25 分钟前
Java 并发编程核心原理与生产级最佳实践
javascript
叶落阁主42 分钟前
Vue3 后台管理系统全局菜单搜索实战:Cmd/Ctrl + K、权限菜单与拼音过滤
前端·javascript·vue.js
卷帘依旧43 分钟前
setState是同步的还是异步的
前端·面试
卷帘依旧44 分钟前
讲一下useEffect和useLayoutEffect
前端·面试
wuhen_n44 分钟前
AI Agent 入门:从零实现 LangChain 基础智能体
前端·langchain·ai编程
MacroZheng1 小时前
阿里Qoder + GLM-5.1,夯爆了!
前端·vue.js·人工智能