您当前所在位置：首页 > 网络编程 > JavaScript
JavaScript
vue第一次获取不到元素的解决方法记录
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获取不到元素内容请搜索 以前的文章或继续浏览下面的相关文章希望大家以后多多支持 ！
很赞哦！()
大图广告（830*140）
