首页
题库
面试
求职
学习
竞赛
More+
所有博客
搜索面经/职位/试题/公司
搜索
我要招人
去企业版
登录 / 注册
首页
>
试题广场
>
如何在 Vue 中安全地操作 DOM(templateRef
[问答题]
如何在 Vue 中安全地操作 DOM(templateRef/useTemplateRef)?
添加笔记
求解答(0)
邀请回答
收藏(1)
分享
纠错
1个回答
添加回答
0
DRZv
在 Vue 里安全操作 DOM 记住这几点就行: 1. Vue 3.5+ 用 useTemplateRef ,更安全、只读、不易出错 2. 只在 onMounted 里操作 DOM 3. 必须加 ?. 可选链 防 null 报错 4. 用 v-if 时 ref 会变 null,一定要判断 5. 子组件 ref 要 defineExpose 暴露 6. 卸载时记得清理事件/第三方实例 极简示例: vue const dom = useTemplateRef('dom') onMounted(() => dom.value?.focus()) vue
发表于 2026-04-12 02:45:55
回复(0)
这道题你会答吗?花几分钟告诉大家答案吧!
提交观点
问题信息
来自:
Vue-牛客面经八股
难度:
1条回答
1收藏
380浏览
热门推荐
相关试题
nextTick 的作用、实现思路...
评论
(6)
来自
Vue-牛客面经八股
讲讲 Vue3 响应式系统中的依赖...
评论
(6)
来自
Vue-牛客面经八股
为什么 data 在组件里要写成函...
评论
(5)
来自
Vue-牛客面经八股
Vue3 中多级通信与解耦:Com...
评论
(2)
来自
Vue-牛客面经八股
何时需要自定义指令?指令的生命周期...
评论
(3)
来自
Vue-牛客面经八股
扫描二维码,关注牛客网
意见反馈
下载牛客APP,随时随地刷题