收藏
回答

小程序自定义tabbar动态更新数据不起效?

通过小程序自定义tabbar的文档https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html的方法,自定义的tabbar已经显示

data: {
    selected: 0,
    list:[],
},
lifetimes:{
    attached() {
        ...
        //动态获取list数据
        ...
        this.setData({list});// 无效
      },
  },

首次进来,tabbar能正常显示,但动态获取到tabbar的数据list之后,通过setData发现变化了,UI没更新,求解答???????

回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员-CJiang
    社区技术运营专员-CJiang
    06-19

    请提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    06-19
    有用
    回复 4
    • Calvin
      Calvin
      06-19
      tabbar有缓存,更新数据后,如果一段时间后再打开,tabbar会刷新,立马setData,不会马上生效
      06-19
      回复
    • Calvin
      Calvin
      06-19
      就是在官网的这个demo的基础上https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html


      Component({
        data: {
          selected: 0,
          color: "#7A7E83",
          selectedColor: "#3cc51f",
          list: [{
            pagePath: "/index/index",
            iconPath: "/image/icon_component.png",
            selectedIconPath: "/image/icon_component_HL.png",
            text: "组件"
          }, {
            pagePath: "/index/index2",
            iconPath: "/image/icon_API.png",
            selectedIconPath: "/image/icon_API_HL.png",
            text: "接口"
          }]
        },
        attached() {
          let that = this;
          let list = [];
          wx.request({
            url: 'api地址',
            header: {
              'content-type': 'application/json' // 默认值
            },
            success (res) {
              that.data({list:res.data});
            }
          });
        },
        pageLifetimes:{
          show(){debugger
            console.log("show");
          }
        },
        methods: {
          switchTab(e) {
            const data = e.currentTarget.dataset
            const url = data.path
            wx.switchTab({url})
          }
        }
      })
      06-19
      回复
    • 社区技术运营专员-CJiang
      社区技术运营专员-CJiang
      06-19回复Calvin
      提供下简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
      06-19
      回复
    • 刘聪
      刘聪
      07-31回复Calvin
      现在解决了吗?
      07-31
      回复
  • Harry🐼🐼
    Harry🐼🐼
    星期五 14:43

    我也遇到了,无法动态setData

    星期五 14:43
    有用
    回复
登录 后发表内容
问题标签