vue第一次获取不到元素的解决方法记录
作者：autofelix
Vue.js虽然说是数据驱动页面的，但是有时候我们也要获取dom对象进行一些操作。这篇文章主要给大家介绍了关于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获取不到元素内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！