最近正好要做这个功能,需求是当切换用户身份时底部tabbar数量由4个变成2个,也算是小程序的tabbar权限管理了。
具体做法是:
1.先在pages.json页面把"custom": true。再把list里面的tabbar页面只留一个"pagePath"路径,我这边有五个,所以我就留下了5个"pagePath"路径。其余都可以删掉或者注释。
2.再在components里面写一个自定义的tabbarVue组件
data里面写两个list列表,对应的就是角色需要的tabbar数量的权限。 我是list1写了4个,list2写了2个。四个属性都要写上去!
3.在login登录页面判断角色类型,是管理员就把list1永久存储(uni.setStorageSync),list2同理。 再在components/tabbar里created钩子里把存的数据取出来(uni.getStorageSync),这里也要判断一下角色类型。 很简单,if和else判断一下就可以了。
4.components/tabbarVue.vue
5.在5个tabbar页面引入tabbarVue.vue
这样就完成了!