vue第一次获取不到元素的解决方法记录
短信预约 -IT技能 免费直播动态提醒
前言
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获取不到元素内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
