目标:
用户点击提交、登录等按钮时,防止多次提交,所做的遮罩层
步骤:
实现很简单,按钮加上disabled属性,用true和false控制。
效果图:
代码:
wxml
登录中...
js
// pages/login/login.js
Page({
data: {
hidden: true, //等待的展示与隐藏的控制
buthidden: false //按钮的可用和不可用的控制
},
onLoad: function (options) {
},
onReady: function () {
},
onShow: function () {
},
onHide: function () {
},
onUnload: function () {
},
onPullDownRefresh: function () {
},
onReachBottom: function () {
},
onShareAppMessage: function () {
},
formSubmit: function (e) {
// 控制登录按钮,防止重复提交
this.setData({
hidden: false,
buthidden: true
})
}
})
tip:
1、注意
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持考高分网。



