根据条件确定是否关闭弹出层
场景描述
在弹出层中保存数据,当不满足规则校验,则不关闭弹出层
实现思路
在弹出层的确定事件中,执行代码event.preventDefault(),则不关闭弹出层
实现步骤
以保存数据为例,说明如下:
- 在弹出层的确定事件中,调用数据组件的valid方法,判断是否满足规则校验
- 不满足时,执行event.preventDefault(),则不关闭弹出层
- 满足时,调用数据组件的保存数据方法,同时会关闭弹出层
代码如下
onModal0Ok(event){
if(this.comp("restData0").valid()==false){
event.preventDefault();
wx.showModal({
showCancel:false,
title: '友情提示',
content: this.comp("restData0").validInfo()
});
}else{
this.comp("restData0").saveData();
}
}