可能是因为mounted钩子函数在组件挂载时,div元素可能还没有被渲染到页面上,因此无法获取到该元素。如果需要在mounted钩子函数中获取该元素,可以使用Vue.nextTick()方法,该方法会在DOM更新完成后执行回调函数,确保元素已经被渲染到页面上,再进行操作。例如:

mounted() {
  this.$nextTick(() => {
    // 获取ref为div的元素
    const divElement = this.$refs.div;
    console.log(divElement);
  })
}
vue的一个div上有ref=div为啥mounted是空的

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

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