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

需求分析:

一个APP有三个角色,每个角色的页面和TabBar功能不一样,因此在pages.json中配置的tabbarlist就不好使了

解决思路:

Tabbar内切换

写三个tabbar
    image.png
    image.png
    每个tabbar中写当前角色需要的四个主页面,用组件的方式引入到index中
    image.png
    hans-tabbar是底部组件,可自定义,goToPage返回点击当前tab的索引,根据索引加载组件(页面)

角色切换

在项目入口index中把三个tabbar当做组件,根据从后端拿到的角色切换tabbar
    image.png

暂无评论