您的位置:宽带测速网 > 网络知识 > 微信小程序如何清空当前页面数据

微信小程序如何清空当前页面数据

2025-06-17 10:28来源:互联网 [ ]

微信小程序清空当前页面数据的案例:

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,

})

}