Vue中获取dom元素

 

直接上代码

<div id="app">
   <p class='p1' v-way="wayFun('p1')">测试</p>
   <p class='p2' v-way="wayFun('p2')"></p>
</div>

export default {
  data:function(){
    return {
      elements: {}//存储元素对象
    }
  },
  directives : {
    way (el, bind) {//自定义指令
      if (typeof bind.value == 'function')//判断是function
        bind.value(el);//传入element
    }
  },
    mounted () {
    console.log(this.elements.p1.innerHTML); //=> 测试
    console.log(this.elements.p2); //=> DOM p标签
  },
  methods : {
    wayFun (flag) {
      return (el)=>{
        this.elements[flag] = el;
      }
    }
  }
}

获取到dom元素有何需求自行更改即可