首页 > 其他分享 >关于在 computed 使用 ref 获取 dom 结点为 undefined的问题

关于在 computed 使用 ref 获取 dom 结点为 undefined的问题

时间:2022-10-23 09:33:19浏览次数:36  
标签:nextTick console log dom isMount ref computed

 

 

 

 

 

 

 原因:

  因为 ref 本身是作为渲染结果被创建的,在初始渲染的时候你不能访问它们,它们还不存在

  computed 里面无法获取到 ref

解决方法:

方法一:

data: {
    isMount: false,
},
mounted() {
    this.isMount = true
},
computed: {
    if(this.isMount) {
        console.log(this.$ref.“节点名”)
    }
}

方法二:

可以使用:$nextTick

computed: {
    this.$nextTick(() => {
        console.log(this.$ref.“节点名”) 
  })
}

 

标签:nextTick,console,log,dom,isMount,ref,computed
From: https://www.cnblogs.com/ccad/p/16817938.html

相关文章