526互联

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

发布时间 2023-05-30 18:24:02作者: 土小狗

原因：

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