VUE 自定义下拉框时，点击其它区域触发事件（关闭、修改等）

VUE 自定义下拉框时，点击其它区域触发事件（关闭、修改等）

this.$el是在mounted中才会出现的，在created的时候是没有的所以我们引用的时候，它指的是当前组件的的元素。$el读取的是组件实例挂载的dom元素。($el指向当前组件template模板中的根标签)。

Vue.js

//contains()，js原生方法，用于判断DOM元素的包含关系；
//需要注意的是：它以HTMLElement为参数，且返回布尔值。
mounted(){
    document.addEventListener('click',e=>{
        if(!this.$el.contains(e.target)){
          this.show=false //这句话的意思是点击其他区域关闭（也可以根据自己需求写触发事件）
        }
    })
}

mounted() {
    document.addEventListener("click", function(e) {
      if (e.target.className != "erweima") {
        this.kefuOnff = false;
      }
    });

},