微信小程序wx.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",//当前页面路径
})

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值