基于vue1和vue2获取dom元素的方法

程序员文章站 2022-03-13 11:23:00

vue1.*版本中在标签中加上el='dom'，然后在代码中this.$els.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

以上这篇基于vue1和vue2获取dom元素的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

在vue中获取dom元素内容的方法