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元素的方法的主要内容,如果未能解决你的问题,请参考以下文章

如何用jquery创建一个dom元素?

vue1.0和vue2.0生命周期----整理一

vue1.0 与 Vue2.0的一些区别 及用法

Vue3 form表单通过ref获取dom的写法

vue 组件传递值以及获取DOM元素的位置信息

Vue2.0笔记——Vue常用实例属性,实例方法