微信小程序清空当前页面数据的案例:在wmxl文件添加以下代码。<fORM bindreset='changeReset'> <input n
微信小程序清空当前页面数据的案例:
在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>
在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,
})
}
--结束END--
本文标题: 微信小程序如何清空当前页面数据
本文链接: https://www.lsjlt.com/news/112378.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-12
2024-05-12
2024-05-12
2024-05-12
2024-05-12
2024-05-12
2024-05-12
2024-05-12
2024-05-12
2024-05-12
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0