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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

mengyunxiu121415   2020-05-16 我要评论

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元素的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们