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