小明明子 2021-08-27 17:20 采纳率: 20%
浏览 76

请问如何根据用户的openid切换不同的tabbar?

我想弄的是在用户点击进入的时候判断他是不是指定用户的openid,如果不是的话,tabbar显示首页和返回首页,如果是指定用户的openid,tabbar显示首页和发布。(在app.js已成功调用获取openid的云函数)
我在app.json的tabbar配置了"custom": true之后,tabbar不显示,把它去掉后又会显示了,不知道问题出在哪里,求指教!

app.json:

 "tabBar": {
    "custom": true,
    "list": [
      {
        "pagePath": "pages/home/home",
        "text": "首页"
      },
      {
        "pagePath": "pages/publish/publish",
        "text": "发布"
      },
      {
        "pagePath": "pages/notice/notice",
        "text": "返回"
      }

    ]
  },

  "usingComponents": {},

custom-tab-bar.js:

const app = getApp()

Component({

  data: {
    selected: 0,
    color: "#000000",
    roleId: '',
    selectedColor: "#1396DB",
    openid: '',
    list: [],
    allList: [{
      list1: [{
        pagePath: "../pages/home/home",
        text: "首页"
      }, {
        pagePath: "../pages/notice/notice",
        text: "返回首页"
      }],

      list2: [{
        pagePath: "../pages/home/home",
        text: "首页"
      }, {
        pagePath: "../pages/publish/publish",
        text: "发布"
      }]
    }],
  },

  attached() {
    let openid = app.globalData.openid
    if (openid !== 'orUNJ4x0onCasKAVhRD5jD2pql1A') {
      this.setData({
        list: this.data.allList[0].list1
      })
    } 
    else if (openid == 'orUNJ4x0onCasKAVhRD5jD2pql1A') {
      this.setData({
        list: this.data.allList[0].list2
      })
    } 
  },

  methods: {
    switchTab(e) {
      const data = e.currentTarget.dataset
      const url = data.path
      wx.switchTab({url})
      this.setData({
        selected: data.index
      })
    }
  }

custom-tab-bar.wxml:

<cover-view class="tab-bar">
  <cover-view class="tab-bar-border"></cover-view>
  <cover-view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
    <cover-view style="color: {{selected === index ? selectedColor : color}}">{{item.text}}</cover-view>
  </cover-view>
</cover-view>

home.js:

  onShow: function () {
    if (typeof this.getTabBar === 'function' &&
      this.getTabBar()) {
      this.getTabBar().setData({
        selected: 0
      })
    }
  },
  • 写回答

2条回答 默认 最新

  • DigitalCamer 2021-08-27 17:55
    关注

    custom-tab-bar.js这个文件是全的吗?少了一个})

    img

    评论

报告相同问题?

问题事件

  • 创建了问题 8月27日

悬赏问题

  • ¥15 三分类机器学习模型可视化分析
  • ¥15 本地测试网站127.0.0.1 已拒绝连接,如何解决?(标签-ubuntu)
  • ¥50 Qt在release捕获异常并跟踪堆栈(有Demo,跑一下环境再回答)
  • ¥30 python,LLM 文本提炼
  • ¥15 关于将inet引入的相关问题
  • ¥15 关于一个倒计时的操作和显示设计
  • ¥15 提问STK的问题,哪位航天领域的同学会啊
  • ¥15 苹果系统的mac m1芯片的笔记本使用ce修改器使用不了
  • ¥15 单相逆变的电压电流双闭环中进行低通滤波PID算法改进
  • ¥15 关于#java#的问题,请各位专家解答!