首页 > 试题广场 >

如何在 Vue 中安全地操作 DOM(templateRef

[问答题]
如何在 Vue 中安全地操作 DOM(templateRef/useTemplateRef)?
在 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)