时间:2022-12-06 01:51
微信小程序清空当前页面数据的案例:
1.在wmxl文件添加以下代码。
<formbindreset='changeReset'><inputname='name'type='text'placeholder='姓名'bindinput='addName'></input>
<inputname='phone'type='number'maxlength='11'placeholder='电话'bindinput='addPhone'></input>
<buttonfrom-type='reset'bindtap='openToast'wx:if='{{panduan==0}}'>确认提交</button>
<buttonfrom-type='reset'bintap='sendData'wx:else>确认提交</button>
</form>
2.在js文件添加以下代码。
constdb=wx.cloud.database().collection('data')letname
letphone
data:{
panduan:0,
},
addName:function(event){
name=event.detail.value
this.setData({
panduan:1,
})
},
addPhone:function(event){
phone=event.detail.value
})
},
sendData:function(){
db.add({
data:{
name:name,
phone:phone,
},
success:function(res){
wx.showToast({
title:'提交成功!',
icon:'success',
duration:1500
})
}
})
},
openToast:function(){
wx.showToast({
title:'请输入信息!',
icon:'none',
})
},
changeReset:function(){
this.setData({
panduan:0,
})
}