vue第一次获取不到元素的解决方法记录
时间:2021-10-15 08:21:32|栏目: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自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】
栏 目:vue
本文标题:vue第一次获取不到元素的解决方法记录
本文地址:http://www.codeinn.net/misctech/180056.html






