The solution record of Vue failing to obtain the element for the first time

Preface

The solution to the problem of not being able to obtain elements for the first time in Vue is whether you often click the pop-up button for the first time to obtain the elements in the pop-up window. When you open the pop-up window to get the element, it is empty and you have to open it a second time to get it.

1. Get after updating DOM

this.$nextTick(callback)
methods: {
    play() {
        //Get the element console.log($('#video'));
        this.$nextTick(function() {
            //Get the element console.log($('#video'));
        });
    }
}

2. Get through timer

setTimeOut(fn, 0)
methods:{
    play() {
        //Get the element console.log($('#video'));
        setTimeOut(function(){
            //Get the element console.log($('#video'));
        }, 0);
    }
}

3. Get by triggering events

@opened
<el-dialog @opened="play"></el-dialog>
 
methods: {
    play() {
        //Get the element console.log($('#video'));
    }
}

Summarize

This is the end of this article about how to solve the problem that vue cannot get elements for the first time. For more relevant content about vue cannot get elements, please search 123WORDPRESS.COM's previous articles or continue to browse the following related articles. I hope you will support 123WORDPRESS.COM in the future!