vue1.*版本中
在标签中加上el='dom'，然后在代码中this.$els.dom这样就拿到了页面元素
例如：<p class='box' v-el: myBox>你好</p>
让你好的颜色显示为红色：this.$els.my-box.style.color = 'red'
vue2.*版本中
在标签中加上ref='dom'，然后在代码中this.$refs.dom这样就拿到了页面元素
例如：<p class='box' ref='myBox'>你好</p>
让你好的颜色显示为红色：this.$refs.myBox.style.color = 'red
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
详解VUE 对element-ui中的ElTableColumn扩展
以上就是基于vue1和vue2获取dom元素的方法的详细内容，更多请关注php中文网其它相关文章！
jQuery 很容易学习，希望通过我们的《jquery 基础视频教程》可以帮助大家来更好的学习jQuery。 jQuery 是一个 JavaScript 库，简化了 JavaScript 编程。
jQuery教程45044次播放
《javascript三级联动视频教程》介绍了javascript开发的三级联动功能，该功能在日常使用中还是经常能用的到的一个。
JavaScript教程26387次播放
javascript是运行在浏览器上的脚本语言，连续多年，被评为全球最受欢迎的编程语言。是前端开发必备三大法器中，最具杀伤力。如果前端开发是降龙十八掌，好么javascript就是第18掌：亢龙有悔。没有它，你的前端生涯是不完整的。《php.cn独孤九贱（3）－JavaScript视频教程》课程特色：php中文网原创幽默段子系列课程，以恶搞，段子为主题风格的php视频教程！轻松的教学风格，简短的教学模式，让同学们在不知不觉中，学会了javascript知识。
JavaScript教程112750次播放
jQuery是一个快速、简洁的JavaScript框架。设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等,是全球最流行的前端开发框架之一。PHP中文网根据最新版本,独家录制jQuery最新视频教程,回馈PHP中文网的新老用户。
jQuery教程92479次播放
