ref 拿不到 DOM 节点,检查生命周期和 v-if 的影响

ref 拿不到节点,先确认访问时机在挂载之后,别在 setup 顶层直接读。

组合式写法里在 onMounted 里取,选项式写在 mounted 钩子里。

外层套了 v-if 时条件为假,节点不存在,ref 自然是空值。

在 v-for 里用 ref 拿到的是数组,要按索引取或改成函数式。

const el = ref(null);
onMounted(() => {
  console.log(el.value);   // 此时才有 DOM
});
// v-if 为假时 el.value 是 null,改完条件要等 nextTick 再取
THE END
喜欢就支持一下吧
点赞15 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容