<h3>需求分析:</h3>
<p>一个APP有三个角色，每个角色的页面和TabBar功能不一样，因此在pages.json中配置的tabbarlist就不好使了</p>
<h3>解决思路:</h3>
<h4>Tabbar内切换</h4>
<p>写三个tabbar<br>
&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://img.ithere.net/article/article/image/2020/7/16/obklwbkUHOInYZZWwLOFlmlRwrSrQwnT.png" alt="image.png"><br>
&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://img.ithere.net/article/article/image/2020/7/16/jPvadentJYkurzOsxPBGFBzeUdfPmuYk.png" alt="image.png"><br>
&nbsp; &nbsp; 每个tabbar中写当前角色需要的四个主页面，用组件的方式引入到index中<br>
&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://img.ithere.net/article/article/image/2020/7/16/NIcSSWnDrhmaMWWUoSnkuHvCKDUgZSIh.png" alt="image.png"><br>
&nbsp; &nbsp; hans-tabbar是底部组件，可自定义，goToPage返回点击当前tab的索引，根据索引加载组件(页面)</p>
<h4>角色切换</h4>
<p>在项目入口index中把三个tabbar当做组件，根据从后端拿到的角色切换tabbar<br>
&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://img.ithere.net/article/article/image/2020/7/16/NxKRnUfczsEsCDaAxkRqVzvHzpwhGPKf.png" alt="image.png"></p>


动态切换uni-app中tabBar的解决方案和思路

需求分析:
一个APP有三个角色，每个角色的页面和TabBar功能不一样，因此在pages.json中配置的tabbarlist就不好使了
解决思路:
Tabbar内切换
写三个tabbar
&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp; &nbsp; 每个tabbar中写当前角色需要的四个主页面，用组件的方式引入到index中
&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp; &nbsp; hans-tabbar是底部组件，可自定义，goToPage返回点击当前tab的索引，根据索引加载组件(页面)
角色切换
在项目入口index中把三个tabbar当做组件，根据从后端拿到的角色切换tabbar
&nbsp;&nbsp;&nbsp;&nbsp;