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怎么实现倒计时(Vue计时器的用法详解)
- vue浏览pdf文件(如何在vue中使用pdfjs预览pdf文件)
- vuecli打包项目(使用vue-cli创建项目并webpack打包的操作方法)
- vue在html里面怎么展示图片(v-html渲染组件问题)
- dockernginx服务器教程(Docker镜像+nginx 部署 vue 项目的方法)
- elementuivue使用技巧(Vue Element前端应用开发之常规Element界面组件)
- django框架教程第100讲(详解Django+Vue+Docker搭建接口测试平台实战)
- vue如何在tab标签页循环加定时器(vue实现tab标签标签超出自动滚动)
- icon图标怎么引入vue(vue引入iconfont图标库的优雅实战记录)
- vue项目有element插件(Vue Element前端应用开发之前端API接口的封装)
- vue移动端图片放大效果实现(vue实现图片切换效果)
- vue组件详解(Vue的方法和属性案例详解)
- vue点击事件动态禁用(vue开发移动端使用better-scroll时click事件失效的解决方案)
- vue动态列表布局(vue项目实现左滑删除功能完整代码)
- vuefor指令使用教程(Vue必学知识点之forEach的使用)
- vue控制div滚动条(vue3实现CSS无限无缝滚动效果)
- 你好,新成理人丨成都理工大学2019级新生开学典礼隆重举行(新成理人丨成都理工大学2019级新生开学典礼隆重举行)
- 这部民警编演的红色话剧,讲述了一个不断追寻的故事(这部民警编演的红色话剧)
- 日本菜有什么好吃(日本菜有什么好吃的做法)
- 韩国泡菜做法(韩国泡菜的做法步骤)
- 泰国旅游攻略(泰国旅游攻略必去景点)
- 越难春卷(越难春卷皮怎么用)
热门推荐
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9