解决tabbar点击两次图标才正常对应的问题_uniapp tabbar图标不切换

在onshow生命周期函数里初始active的值，用来对应每个页面切换之后展示对应的图标

以这两个页面为例子

（1）tabBar=>index.js

    data: {
        active: 0,
        list: [
            {
                pagePath: "/pages/index/index",
                text: "工作台",
                icon: "home-o",
              },
            {
              pagePath: "/pages/logs/logs",
              text: "我的",
              icon:"user-o",
            },
          ]
    },
    methods: {
        onChange(e) {
            this.setData({ active: e.detail });
            this.setData({ active: e.detail });
            wx.switchTab({
              url: this.data.list[e.detail].pagePath
            });
        
          },
          init() {
            const page = getCurrentPages().pop();
            this.setData({
           　  active: this.data.list.findIndex(item => item.pagePath === `/${page.route}`)
            });
           },
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

（2）index页面

  onShow() {
    this.getTabBar().init({
        active: 0
    })
},
1
2
3
4
5

（3）log页面

  onShow() {
    this.getTabBar().init({
        active: 1
    })
},
1
2
3
4
5