微信小程序开发中全局变量缓存的问题处理

这个问题的出现是因为，在input的事件，我没有找到更好的能监听键盘收回的方法，也是为了更好的用户体验吧，所以随之而来的问题就是全局变量，在赋值之后用户退出这个页面，全局变量被微信缓存了，然后造成，用户输入过一次之后，修改手机号失败的bug。

let Btel = '',//防止用户恶意修改手机号Byzm = '';handleTel(e) {// 这里修改用户输入的手机号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:'请输入正确的手机号',showCancel:false,confirmColor:'#3cc51f',//默认值为#3cc51fsuccess:res =>{if(res.confirm){this.setData({tel:''})}}})}else {//发送验证码的时候用全局变量的手机号Btel = val;// 这里是全局的手机号this.setData({isReset : true,isNoClick: true})const data ={tel:val//传的是全局变量};utils.sendRequest(api.YanZhengMa, data, this.handleGetYzmSucc.bind(this));//button 定时器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)}},//然后这一步是校验了用户在请求完验证码接口后 有没有修改手机好 然后保存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:'请输入验证码.',showCancel:false,confirmColor:'#3cc51f'})return false;}if (name!=''&&telNum!='') {if(Btel != telNum) {utils.showModal('手机号发生变化，请重新获取验证码。');}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('请填写完整信息哟');}},// 然后在 保存成功之后 用户点击确定清空 全局变量也可以在隐藏和卸载的生命周期里面清空全局变量。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',//默认值为#3cc51fsuccess:res =>{if(res.confirm){Byzm = '';//对小程序全局变量缓存进行清除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);}}相信看了本文案例你已经掌握了方法，更多精彩请关注小潘博客其它相关文章！

推荐阅读：

微信小程序开发中怎样使用Map对象

微信小程序开发上拉加载如何实现以上就是微信小程序开发中全局变量缓存的问题处理的详细内容，更多请关注小潘博客其它相关文章！