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

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

有两种解决方案:

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

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

方案2:使用 nextTick

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

相关推荐
哆啦A梦15881 天前
商城后台管理系统 04 登录-功能实现-数据持久化-vuex
javascript·vue.js·elementui
xinyu_Jina1 天前
PaperStudio:WYSIWYG文档的Web实现——从CSS Print到客户端PDF生成的技术解析
前端·css·pdf
默默学前端1 天前
html列表标签及css列表属性
前端·css·html5
毕设源码-朱学姐1 天前
【开题答辩全过程】以 工厂能耗分析平台的设计与实现为例,包含答辩的问题和答案
java·vue.js
老前端的功夫1 天前
Vue 3 性能深度解析:从架构革新到运行时的全面优化
javascript·vue.js·架构
天天扭码1 天前
如何实现流式输出?一篇文章手把手教你!
前端·aigc·ai编程
前端 贾公子1 天前
vue移动端适配方案 === postcss-px-to-viewport
前端·javascript·html
GISer_Jing1 天前
AI营销增长:4大核心能力+前端落地指南
前端·javascript·人工智能
明远湖之鱼1 天前
一种基于 Service Worker 的渐进式渲染方案的基本原理
前端