小程序 微信小程序

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

小新
583
2021-03-19 10:38:54
栏目: 云计算

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

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

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,

    })

}


0
看了该问题的人还看了