vant出现点击取消按钮出现了冒泡事件,点击遮罩层,面盘弹不回去。解决代码如下:
vant官方文档提供了click-overlay
事件来监听遮罩被点击的事件。
<van-action-sheet
@click="stopPro($event)"
@click-overlay="overlay"
></van-action-sheet>
methods:{
stopPro(e){
e.stopPropraation(); //组织冒泡
e.preventDefaut(); //组织默认事件
},
overlay(){
this.show = true;
setTimeout(()=>{
this.show = false;
},100)
}
}