vue第一次获取不到元素的解决方法记录

前言

vue中第一次获取不到元素的解决办法，是否经常第一次点击弹窗按钮，获取弹窗中的元素。打开弹窗获取元素为空，要第二次才能获取。

一、更新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'));
    }
}

总结

到此这篇关于vue第一次获取不到元素解决方法的文章就介绍到这了,更多相关vue获取不到元素内容请搜索华域联盟以前的文章或继续浏览下面的相关文章希望大家以后多多支持华域联盟！

您可能感兴趣的文章:

• Vue获取DOM元素样式和样式更改示例
• vue获取DOM元素并设置属性的两种实现方法
• 在vue中获取dom元素内容的方法
• vue如何获取自定义元素属性参数值的方法
• 详解在Vue中通过自定义指令获取dom元素
• vue获取当前点击的元素并传值的实例
• vue获取dom元素注意事项
• Vue获取页面元素的相对位置的方法示例
• vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法

本文由 华域联盟 原创撰写：华域联盟 » vue第一次获取不到元素的解决方法记录

转载请保留出处和原文链接：https://www.cnhackhy.com/67587.htm