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