微信小程序 setTabBarItem 不支持修改页面路径的替代方案

前言

引言

有时候多角色系统中，小程序前端界面底部的标签导航栏是动态生成的，比如：底部标签栏同一个索引位置，不同角色看到的是不同的页面。而wx.setTabBarItem官方是支持修改标题文字图标啥的，但是不支持修改页面路径，所以我们这里讲的是替代方案。

解决方案

自定义导航栏，根据实际情况需要决定，自定义导航栏要考虑切换页面底部导航栏的闪烁问题，全局单例一个导航栏，还是每个页面自己实现一个。
比较简单的方案，tabbar 页面 v-if 判断，根据不同角色显示不同页面布局，搭配wx.setTabBarItem修改标题和图标。来模拟动态切换页面路径。