微信小程序wx.switchTab跳转其他页面时，页面闪烁，自定义组件的图标索引问题_微信小程序自定义组件 switchtab失效

图标索引对应的非此页面（索引异常）

 不废话，直接上解决方法

custom-tab-bar\index.js  底部导航栏组件

const app = getApp();
Component({
  data: {
    pagePath: '',//默认路径
    list:[
      {
        pagePath: "/pages/index/index",
        icon: 'home',
        text: "首页"
      },
      {
        pagePath: "/pages/logs/logs",
        icon: 'chat',
        text: "日志"
      },
      {
        pagePath: "/pages/upset/upinfo/upinfo",
        icon: 'user',
        text: "我的"
      },
    ],
  },
  ready(){
    this.setData({
      pagePath:app.pagePath//读取并写入当前路径
    })
  },
  methods: {
    onChange(e) {
      wx.switchTab({
        url:e.detail.value,
        success:()=>{
          app.pagePath = e.detail.value;//将需要跳转的路径保存到app
        }
      })
    },
  },
});

我认为保存在app中比较好，当然你也可以保存在缓存中，

但是保存在缓存中可能会有意料之外的问题

// app.js
App({
  pagePath:"/pages/index/index",//当前页面路径
})