继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

微信小程序关于tabbar点击切换数据不刷新问题

开心每一天1111
关注TA
已关注
手记 531
粉丝 50
获赞 218

微信小程序中经常遇到的需求就是我提交了一个表单或者进行了一个操作,需要在我的个人中心页面中实时显示出来,但是小程序中的tabbar切换类似于tab切换 并不会进行页面刷新请求

所以总是会造成一些数据更新不及时问题

而阅读小程序文档发现了小程序是给提供了解决办法的

onShow

/**
   * 生命周期函数--监听页面显示   */
  onShow: function () {

  },

这个方法在页面进行显示的时候就会重新执行一次,所以我想到的解决方案就是将需要进行实时更新的数据进行封装方法

复制代码

  getreloadLog:function(){
   wx.showLoading({
     title: '加载中',
   })var that = this;    var query = db.collection('log').orderBy('Time', 'DESC').limit(10);    if(this.data.isWhere){
      query = query.where({
        Date:that.data.date
      })
    }
    query.get().then(res => {
      that.setData({
        log: res.data,
        page: that.data.page + 1,
        isAll:false
      });
      wx.hideLoading();
    });
    
    
  },

复制代码

这样的就可以在其他方法中进行调用了

 /**
   * 生命周期函数--监听页面显示   */
  onShow: function () {    this.getreloadLog();
  },

或者再进行删除成功的时候

复制代码

deleteLog: function (e) {
    console.log(e.currentTarget.id)    var that = this;
    wx.showLoading({
      title: '请稍等,正在删除',
    })
    db.collection('log').doc(e.currentTarget.id).remove({
      success: function () {
        wx.hideLoading();
        wx.showToast({
          title: '删除成功',
          icon: 'success'
        });
        that.getreloadLog();
      }
    })
  },

复制代码

这样就实现了tabbar切换的时候进行刷新与删除的时候刷新当前列表数据

原文出处:https://www.cnblogs.com/Gasg/p/9645014.html

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP