vue1和vue2获取dom元素的方法

Posted 等风来

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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

 

 

 

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

以上是关于vue1和vue2获取dom元素的方法的主要内容,如果未能解决你的问题,请参考以下文章