脚本宝典收集整理的这篇文章主要介绍了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第一次获取不到元素的解决方法记录全部内容，希望文章能够帮你解决vue第一次获取不到元素的解决方法记录所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。