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 集成腾讯地图实现api附DEMO)
- vue-cli4开发多页面应用(深入理解Vue-cli4路由配置)
- vue页面关闭前的执行(Vue 页面监听用户预览时间功能的实现代码)
- vue-router的安装(详解Vue-Router的安装与使用)
- vue切换图片效果(Vue.js实现图片切换功能)
- vue怎么引入axios(如何用vue封装axios请求)
- vue 中后台管理系统(Vue实现学生管理功能)
- vue如何加速(vue函数防抖与节流的正确使用方法)
- vueweb端聊天(Vue实现聊天界面)
- vue导出动态的excel功能(vue中如何下载excel流文件及设置下载文件名)
- vuecli打包项目(使用vue-cli创建项目并webpack打包的操作方法)
- vueassets文件路径(vue如何根据url下载非同源文件)
- vue组件之间的通信(超详细的vue组件间通信总结)
- vue一个组件两种样式(Vue实现动态样式的多种方法汇总)
- vue请求token无效(关于Vue 消除Token过期时刷新页面的重复提示问题)
- 详解从vue的组件传值着手观察者模式(详解从vue的组件传值着手观察者模式)
- 菲律宾特产(菲律宾特产最值得买回国)
- 越南特产(越南特产首饰)
- TVB负评王连续挑战警察角色《使徒行者3》中将饰演卧底(TVB负评王连续挑战警察角色使徒行者3中将饰演卧底)
- 《精英律师》剧照首曝光,实力演员飙戏,演绎律政职场百态(精英律师剧照首曝光)
- 靳东领衔打造高精职场 新丽出品《精英律师》曝定妆照(靳东领衔打造高精职场)
- 靳东新剧《精英律师》定档,众星云集,这剧可追(靳东新剧精英律师定档)
热门推荐
- pythonhash使用(详解python中的hashlib模块的使用)
- 云服务器9兆带宽的上传速度是多少(云服务器网速多少怎么计算?云服务器的1兆带宽是多少的?)
- 如何执行docker镜像(Docker镜像管理常用操作代码示例)
- python怎么装opencv(Python基于opencv实现的简单画板功能示例)
- 云服务器租用还是托管好(租用云服务器我们需要知道的几点内容)
- 宝塔面板怎么修改内容(宝塔面板如何关闭日志)
- html5功能讲解(Html5定位终极解决方案)
- 阿里云几个服务器可以备案(阿里云服务器网站备案简单流程说明文档)
- c#中SqlBulkCopy的使用
- sql server convert 函数(sql server通过pivot对数据进行行列转换的方法)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9