vue中第一次获取不到元素的解决办法

Posted 2021-06-01 autofelix

〝 古人学问遗无力，少壮功夫老始成 〞

vue中第一次获取不到元素的解决办法，是否经常第一次点击弹窗按钮，获取弹窗中的元素。打开弹窗获取元素为空，要第二次才能获取。常码字不易，出精品更难，没有特别幸运，那么请先特别努力，别因为懒惰而失败，还矫情地将原因归于自己倒霉。你必须特别努力，才能显得毫不费力。如果这篇文章能给你带来一点帮助，希望给飞兔小哥哥一键三连，表示支持，谢谢各位小伙伴们。

目录

一、更新dom后获取

二、通过定时器获取

三、通过触发事件获取

---

一、更新dom后获取

• this.$nextTick(callback)

methods: {
    play() {
        //获取元素
        console.log($('#video'));
        this.$nextTick(function() {
            //获取元素
            console.log($('#video'));
        });
    }
}

二、通过定时器获取

• setTimeOut(fn, 0)

methods:{
    play() {
        //获取元素
        console.log($('#video'));
        setTimeOut(function(){
            //获取元素
            console.log($('#video'));
        }, 0);
    }
}

三、通过触发事件获取

• @opened

<el-dialog @opened="play"></el-dialog>

methods: {
    play() {
        //获取元素
        console.log($('#video'));
    }
}