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;
}
});
},