溫馨提示×

微信小程序如何清空當前頁面數據

小新
646
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
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女