微信小程序清空當前頁面數據的案例:
1.在wmxl文件添加以下代碼。
<form bindreset='changeReset'><input name='name' type='text' placeholder='姓名' bindinput='addName'></input>
<input name='phone' type='number' maxlength='11' placeholder='電話' bindinput='addPhone'></input>
<button from-type='reset' bindtap='openToast' wx:if='{{panduan==0}}'>確認提交</button>
<button from-type='reset' bintap='sendData' wx:else>確認提交</button>
</form>
2.在js文件添加以下代碼。
const db = wx.cloud.database().collection('data')let name
let phone
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,
})
}