這個(gè)問題的出現(xiàn)是因?yàn)?，在input的事件，我沒有找到更好的能監(jiān)聽鍵盤收回的方法，也是為了更好的用戶體驗(yàn)吧，所以隨之而來的問題就是全局變量，在賦值之后用戶退出這個(gè)頁面，全局變量被微信緩存了，然后造成，用戶輸入過一次之后，修改手機(jī)號失敗的bug。
let Btel = '',//防止用戶惡意修改手機(jī)號
Byzm = '';
handleTel(e) {// 這里修改用戶輸入的手機(jī)號
this.setData({
tel:e.detail.value
})
},
handleYzm(e) {
this.setData({
Yzm:e.detail.value
})
Byzm = e.detail.value; let psd = this.data.psd,
yzm = this.data.Yzm;
yzm == psd ? this.setData({isYzm:0}):'';
}, handleGetYzm() { let reg = common.telReg,
val = this.data.tel;
if (!reg.test(val)) {
wx.showModal({
content:'請輸入正確的手機(jī)號',
showCancel:false,
confirmColor:'#3cc51f',//默認(rèn)值為#3cc51f
success:res =>{ if(res.confirm){
this.setData({
tel:''
})
}
}
})
}else {//發(fā)送驗(yàn)證碼的時(shí)候用全局變量的手機(jī)號
Btel = val;// 這里是全局的手機(jī)號
this.setData({
isReset : true,
isNoClick: true
})
const data ={
tel:val//傳的是全局變量
};
utils.sendRequest(api.YanZhengMa, data, this.handleGetYzmSucc.bind(this));
//button 定時(shí)器 let time = setInterval(()=>{ let phoneCode = this.data.time;
phoneCode --
this.setData({
time : phoneCode
}) if(phoneCode == 0){
clearInterval(time)
this.setData({
isReset : false,
isNoClick: false,
time:60
})
}
},1000)
}
},
//然后這一步是校驗(yàn)了用戶在請求完驗(yàn)證碼接口后 有沒有修改手機(jī)好 然后保存handleSave() { let name = this.data.name,
telNum = this.data.tel,
yzm = Byzm,
status = this.data.isYzm,
card = wx.getStorageSync('UserCard'); let timestamp= new Date().getTime(); if (yzm == '') {
wx.showModal({
content:'請輸入驗(yàn)證碼.',
showCancel:false,
confirmColor:'#3cc51f'
}) return false;
} if (name!=''&&telNum!='') { if(Btel != telNum) {
utils.showModal('手機(jī)號發(fā)生變化，請重新獲取驗(yàn)證碼。');
}else {
const data ={
distribution_id:card.distribution_id,
post:{
user_name:name,
user_tel:Btel,
user_code:yzm
},
user_id:card.user_id,
password:yzm+timestamp
};
utils.sendRequest(api.BindTel, data, this.handleSaveTel.bind(this));
}
}else {
utils.showModal('請?zhí)顚懲暾畔?#039;);
}
},
// 然后在 保存成功之后 用戶點(diǎn)擊確定 清空 全局變量 也可以在隱藏和卸載的生命周期里面清空全局變量。
handleSaveTel(res) { if (res.data.error == 0) { let go = this.data.go,
id = res.data.data.id,
lv = res.data.data.level;
wx.showModal({
content:'綁定成功~',
showCancel:false,
confirmColor:'#3cc51f',//默認(rèn)值為#3cc51f
success:res =>{ if(res.confirm){
Byzm = '';//對小程序全局變量緩存進(jìn)行清除 if (go) {
wx.redirectTo({
url: '/pages/user/cash/cash'
})
}else { if (id != 0) { let card = wx.getStorageSync('UserCard');
card.distribution_id = id;
card.distribution_level = lv;
wx.setStorageSync('UserCard',card);
wx.setStorageSync('seller', true)
}
wx.switchTab({
url: '/pages/user/index'
})
}
}
}
})
return false
}else {
utils.showModal(res.data.err_msg);
}
}
登錄后復(fù)制
相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關(guān)注有卡有網(wǎng)。
