vue填坑系列之获取dom元素

在使用Vue的时候，有时候我们希望直接用Js操纵DOM来实现某些效果，具体实现只用利用Vue提供的ref属性以及this.$refs即可实现。

 <div class="firstOpeart" style="display: block;" @click="addStyle" ref="openText">
      <span class="opeart">展开</span>
 </div>
 

 

methods:{
    addStyle:function(){
        const self = this;
            this.$refs.openText.style.display = 'none';                  
      },
  },
 

每隔一段时间不定期更新中，本人菜鸟一枚，希望在vue填坑的路上能帮助到大家，有疑问欢迎留言···

 

参考文章：https://blog.youkuaiyun.com/qq_24612793/article/details/81291148