可能是因为mounted钩子函数在DOM渲染完毕后执行,而nextTick方法会在DOM更新完毕后执行。因此,如果你在mounted中访问ref引用的元素,可能会得到空值。你可以尝试将访问ref的代码放在nextTick的回调函数中,以确保DOM已经更新完毕。例如:

mounted() {
  this.$nextTick(() => {
    console.log(this.$refs.div);
  });
}

这样,当DOM更新完毕后,就可以访问到ref引用的元素了。

vue的一个div上有ref=div为啥mounted是空的用了nextTick方法也不行

原文地址: https://www.cveoy.top/t/topic/g5c4 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录