基于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

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