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

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

有两种解决方案:

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

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

方案2:使用 nextTick

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

相关推荐
GISer_Jing7 小时前
小米前端面试
前端·面试·职场和发展
时间的情敌7 小时前
Vue 3.0 源码导读
前端·javascript·vue.js
自由日记7 小时前
css属性使用手册
前端·css·html
李慕婉学姐8 小时前
【开题答辩过程】以《基于微信小程序的线上讲座管理系统》为例,不会开题答辩的可以进来看看
javascript·mysql·微信小程序
mapbar_front8 小时前
基层管理之“跪舔型”leader
前端·程序员
. . . . .8 小时前
基于React的开源框架Next.js、UmiJS、Ant Design Pro
javascript·react.js·开源
listhi5208 小时前
React Hooks 实现表单验证
前端·javascript·react.js
前端市界9 小时前
当20个并发请求拖垮你的应用:从TCP握手到HTTP/2的终极排错指南
前端