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

原因:

  因为 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.“节点名”) 
  }) 
}

 

posted @ 2023-05-30 18:17  土小狗  阅读(259)  评论(0编辑  收藏  举报