vue第一次获取不到元素的解决方法记录
更新时间:2021年06月01日 10:45:06 作者:autofelix
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获取不到元素内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
Vue-cli Eslint在vscode里代码自动格式化的方法
本篇文章主要介绍了Vue-cli Eslint在vscode里代码自动格式化的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-02-02vue在取对象长度length时候出现undefined的解决
这篇文章主要介绍了vue在取对象长度length时候出现undefined的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-06-06Ant Design Vue table组件如何自定义分页器
这篇文章主要介绍了Ant Design Vue table组件如何自定义分页器问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2023-04-04
最新评论