事件冒泡

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

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

解决办法：利用阻止事件冒泡的方法；

clear(){

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

   input.forEach(item,index){

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

               event.stopPropagation()

       })

   }

}