基于vue1和vue2获取dom元素的方法
栏目: 编程语言 · JavaScript · 前端 · 发布时间: 6年前
内容简介:下面小编就为大家分享一篇基于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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 「前篇」JavaScript如何获取一个元素的样式信息
- 使用 closest() 函数获取正确的 DOM 元素
- 最全的获取元素宽高及位置的方法
- [译] 使用 closest() 函数获取正确的 DOM 元素
- 原生 js 获取 dom 元素 querySelector() 替代 getElementById()
- jQuery slice()方法获取指定索引范围内的元素
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
程序员代码面试指南:IT名企算法与数据结构题目最优解
左程云 / 电子工业出版社 / 2015-9 / 79.00元
这是一本程序员面试宝典!书中对IT名企代码面试各类题目的最优解进行了总结,并提供了相关代码实现。针对当前程序员面试缺乏权威题目汇总这一痛点,本书选取将近200道真实出现过的经典代码面试题,帮助广大程序员的面试准备做到万无一失。“刷”完本书后,你就是“题王”!__eol__本书采用题目+解答的方式组织内容,并把面试题类型相近或者解法相近的题目尽量放在一起,读者在学习本书时很容易看出面试题解法之间的联......一起来看看 《程序员代码面试指南:IT名企算法与数据结构题目最优解》 这本书的介绍吧!