vue如何获取元素(vue第一次获取不到元素的解决方法记录)
类别:编程学习 浏览量:335
时间:2022-01-26 01:34:56 vue如何获取元素
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使用echarts教程(Vue使用echarts可视化组件的方法)
- vue函数中的默认参数(Vue3中SetUp函数的参数props、context详解)
- dockernginx服务器教程(Docker镜像+nginx 部署 vue 项目的方法)
- vue 父组件传值(Vue两个同级组件传值实现)
- vue自定义组件修饰符(Vue自定义组件使用事件修饰符的踩坑记录)
- vue3中的setup的参数(Vue3中ref与reactive的详解与扩展)
- springbootvue数据交互系统(Springboot运用vue+echarts前后端交互实现动态圆环图)
- vue获取图片并展示(vue卡片式点击切换图片组件使用详解)
- vue找不到水印设置(Vue使用自定义指令实现页面底部加水印)
- vue怎么操作表格(如何在在Vue3中使用markdown 编辑器组件)
- vue 表格数据增加修改(vue element实现表格增加删除修改数据)
- vue实现双向绑定原理(vue实现双向数据绑定)
- vue全局配置文件env(vue项目多环境配置.env的实现)
- vue定时器中间变颜色(Vue如何优雅的清除定时器)
- vue控制div滚动条(vue3实现CSS无限无缝滚动效果)
- vuejs指令解析(Vue.js中的计算属性、监视属性与生命周期详解)
- 三分71 生死战爆发 篮网旧将丁威迪今天成奇兵,助队赢球(三分71生死战爆发)
- 《红 雄安》系列广播剧第一集 水上奇兵雁翎队(雄安系列广播剧第一集)
- 小说 小伙穿越成刘备,用现代知识指挥作战,众谋士都看呆了(小伙穿越成刘备)
- 解析葡萄牙6-1瑞士 进攻多点开花,贡萨洛-拉莫斯一战成名(解析葡萄牙6-1瑞士)
- 这支 奇兵队 腕大 有范儿还各怀绝技,毒贩杀人犯见了都要仓皇而逃(这支奇兵队腕大)
- 雄藩崛起 奇兵队与幕末长州藩军事改革(雄藩崛起奇兵队与幕末长州藩军事改革)
热门推荐
- 纯css写三角形(老生常谈 使用 CSS 实现三角形的技巧多种方法)
- 面向对象的装封、继承、多态的概念理解
- mysql多核cpu利用(mysql CPU高负载问题排查)
- vue 计算一段时间的月份和天数(vue实现指定日期之间的倒计时)
- html5单选项怎么调选项间距(html5实现输入框fixed定位在屏幕最底部兼容性)
- 阿里云ecs怎么当成云主机用(阿里云ECS服务器入门使用流程新手必看教程)
- SQLserver中cube:多维数据集实例详解(SQLserver中cube:多维数据集实例详解)
- 解决docker的tls(ssl)证书过期问题(解决docker的tlsssl证书过期问题)
- php设置上传文件代码(PHP大文件切割上传并带进度条功能示例)
- .NET获取枚举值的描述