为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
前端工具

微信小程序中经常遇到的需求就是我提交了一个表单或者进行了一个操作,需要在我的个人中心页面中实时显示出来,但是小程序中的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

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 1
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

举报

0/150
提交
取消