码迷,mamicode.com
首页 > 其他好文 > 详细

vue1和vue2获取dom元素的方法

时间:2018-03-25 16:57:24      阅读:317      评论:0      收藏:0      [点我收藏+]

标签:pos   this   box   sdn   tps   net   detail   好的   body   

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

 

 

 

出处: https://blog.csdn.net/mengyunxiu121415/article/details/77334303

vue1和vue2获取dom元素的方法

标签:pos   this   box   sdn   tps   net   detail   好的   body   

原文地址:https://www.cnblogs.com/mengff/p/8645295.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!