u-tabbar结合vuex,达到动态修改tabbar跳转路径

废话不多说,直接上代码,主要记录自己踩的坑

项目的主要需求是,根据用户是否为会员,点击会员tabbar栏时跳转不同的页面。

对应的是两个不用的页面。

主要想法是 1.通过用户登录时,判断是否为会员,2.在用户开卡后,将用户升级为会员。

主要页面是引用封装好的tabbar,仅仅是吧tabbar提出来了

灵感来自于FuyuumiAI的文章,以下是文章链接

https://blog.csdn.net/FuyuumiAI/article/details/109746357

从头到尾跟着大佬的方法走了一遍后,发现,更改后的tabbar点不动了。这个问题在最早我接触这个需求时便遇到了,一开始以为是组件不支持这么写,后来才发现。官方文档上就写的很详细

意思就是说,如果你有两个动态需要切换地址的tabbar,那么都需要在官方的pages.json里面配置。之前就是因为没有配置,导致点击tabbar失效

配置完后,效果就出来了。

耗费了我半天时间。。就因为一个地方没配置,这个坑可真是。。。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值