事件冒泡

mac2024-04-14  40

问题:点击一个input框,弹出一个弹出框 点击空白区域,可关闭该弹出框;但是该弹出框中的input框中有一个清空按钮 点击该清空按钮之后就能关闭该弹出框了;

原因是 事件冒泡;点击该弹出框的清空按钮的同时也点击了空白区域;

解决办法:利用阻止事件冒泡的方法;

clear(){

   let input: any = this.$refs.input;

   input.forEach(item,index){

       item.$el.addEventListener('click',(event) => {

               event.stopPropagation()

       })

   }

}

最新回复(0)