微信小程序怎么根据不同用户切换不同TabBar


今天小编给大家分享一下微信小程序怎么根据不同用户切换不同TabBar的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。小程序用户有三种身份(公众、运维人员、领导),根据不同用户身份显示不同的tabbar众所周知微信小程序全局文件app.json里面的”tabBar”里面的list只能放置2-5个,要想实现3个tabbar,必须得复用tabbar,三种身份都需要个人中心,剩下的是长列表(两个),表单,图表 刚好是5个,废话少说,上代码tabbar里面的sustom要设置为true可以看到全局app.json里面放了5个不同的tabbar路径(详见微信官方文档)index.js分析:首先,小程序tabbar只识别list里面的东西先在data中定义一个list和allList数组,把三重身份用户的list分别定义为list1,list2,list3,放入allListconst roleId = wx.getStorageSync('statu')
获取用户信息存到缓存中,根据不同和的roleId来判断是什么身份,this.setData({ list: this.data.allList[0].list2 })
根据身份把allList里面的子数组赋值给系统默认识别的`list“switchTab的作用根据不同的路径切换tabbar下标index.jsonindex.wxmlindex.wxss最后,在tabbar里面设置过 pagePath的路径文件下的 xxx.js的onshow:function(){}里面设置或者说凡是用到tabbar组件的页面对应的xx.js里的onshow:function(){}都要按照以下进行设置不然会出现tabb免费云主机域名ar显示与点击不同步的现象1.普通用户2.运维人员3.领导可以看到根据用户信息里的roleId成功的切换了不同的tabbar以上就是“微信小程序怎么根据不同用户切换不同TabBar”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注百云主机行业资讯频道。

相关推荐: C#数据类型怎么实现背包、队列和栈

本文小编为大家详细介绍“C#数据类型怎么实现背包、队列和栈”,内容详细,步骤清晰,细节处理妥当,希望这篇“C#数据类型怎么实现背包、队列和栈”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。把描述和实现算法所用到的语言特性,软件库和操作…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 04/23 15:16
Next 04/23 15:16

相关推荐