您的位置:首页 > 编程学习 > > 正文

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

更多 时间:2022-01-26 01:34:56 类别:编程学习 浏览量:335

vue如何获取元素

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 获取 元素
    您可能感兴趣