基于vue1和vue2获取dom元素的方法
更新时间：2018年03月17日 12:25:16 作者：mengyunxiu121415
下面小编就为大家分享一篇基于vue1和vue2获取dom元素的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue1.*版本中
在标签中加上el='dom'，然后在代码中this.$els.dom这样就拿到了页面元素
例如：<div class='box' v-el: myBox>你好</div>
让你好的颜色显示为红色：this.$els.my-box.style.color = 'red'
vue2.*版本中
在标签中加上ref='dom'，然后在代码中this.$refs.dom这样就拿到了页面元素
例如：<div class='box' ref='myBox'>你好</div>
让你好的颜色显示为红色：this.$refs.myBox.style.color = 'red
以上这篇基于vue1和vue2获取dom元素的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
uni-app如何设置页面全局背景色,其实非常简单,一句话即可,但有时候也会踩一些坑,这篇文章主要给大家介绍了关于uniapp中设置全局页面背景色的相关资料,需要的朋友可以参考下2023-03-03
关于element-ui中el-form自定义验证(调用后端接口)
这篇文章主要介绍了关于element-ui中el-form自定义验证(调用后端接口)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
这篇文章主要介绍了Vue 实现v-for循环的时候更改 class的样式名称，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要介绍了Vue项目使用CDN优化首屏加载问题,本文以vue、vuex、vue-touter为例，给大家介绍处理流程，需要的朋友可以参考下2018-04-04
Vue最巧妙的特性之一是其响应式系统,下面这篇文章主要给大家介绍了关于Vue.js响应式数据的简单实现方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-03-03
这篇文章主要介绍了vue el-table 动态添加行与删除行的实现方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
这篇文章主要介绍了vue 自定指令生成uuid滚动监听达到tab表格吸顶效果,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-09-09
在vue.js项目中，经常需要对数据实时更新——每隔xx秒需要刷新一次接口——即需要用到定时器相关原理。这篇文章主要介绍了vue项目每30秒刷新1次接口的实现方法,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了vue动态绑定组件子父组件多表单验证功能的实现代码，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧2018-05-05
这篇文章主要介绍了vueJs实现DOM加载完成之后自动下拉到底部的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-08-08
最新评论