Vue中获取dom元素

 

直接上代码

测试

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元素有何需求自行更改即可

 

你可能感兴趣的:(vue)