用户12771345
Vue 3 中 watch 和 watchEffect 的刷新时机为什么会影响 DOM 读取
原创
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
用户12771345
社区首页
>
专栏
>
Vue 3 中 watch 和 watchEffect 的刷新时机为什么会影响 DOM 读取
Vue 3 中 watch 和 watchEffect 的刷新时机为什么会影响 DOM 读取
用户12771345
关注
发布于 2026-09-23 11:05:58
发布于 2026-09-23 11:05:58
16
0
举报
概述
在 Vue 3 项目里做表单联动时,我遇到一个很典型的问题:在 watch 回调里读 el.offsetHeight 或者调子组件暴露的 scrollToBottom,拿到的经常是更新前的结果。绝大多数情况不是 API 用错了,而是 watch / watchEffect 默认的 flush 时机是 'pre',回调会在组件重新渲染之前执行,此时 DOM 还是旧的。另一种情况是依赖收集和副作用清理
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
vue3
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档