6***@qq.com
6***@qq.com
  • 发布:2019-11-11 14:44
  • 更新:2019-11-11 15:52
  • 阅读:767

多角色,底部tabbar链接不一致应该怎么配置

分类:uni-app
"tabBar": {  
    "color": "#7a7e83",  
    "selectedColor": "#ed7020",  
    "backgroundColor": "#ffffff",  
    "list": [{  
        "pagePath": "pages/vicepresident/index",  
        "text": "首页",  
        "iconPath": "static/img/home.png",  
        "selectedIconPath": "static/img/home2.png"  
    },{  
        "pagePath": "pages/vicepresident/order",  
        "text": "订单",  
        "iconPath": "static/img/order.png",  
        "selectedIconPath": "static/img/order2.png"  
    },{  
        "pagePath": "pages/vicepresident/user",  
        "text": "我的",  
        "iconPath": "static/img/user.png",  
        "selectedIconPath": "static/img/user2.png"  
    }]  
},  

以上是我配置的tabbar目前只写了一个角色就是vp的,后续还会有六七种角色,需要根据不同的角色,tabbar的path指向不同的页面,请问这种情况在pages.json里应该怎么配置呢?还是说tabbar可以传参呢?

2019-11-11 14:44 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

页面路径无法动态修改,可以同一个页面切换不同内容,不用url传参,使用“全局变量”

  • 6***@qq.com (作者)

    tabbar配置的pagepath会根据配置导向页面,这里是不能修改的OK,我清楚了。但你说的使用全局变量这个来控制要怎么去控制呢?是在page.json里pagePath配一个全局变量的意思嘛?还是什么,刚开始学不太明白,谢谢

    2019-11-11 15:56

  • DCloud_UNI_GSQ

    回复 6***@qq.com: 文档里和社区搜一下

    2019-11-11 16:14

  • 6***@qq.com (作者)

    回复 DCloud_UNI_GSQ: 文档里提供了uni.setTabBarItem(OBJECT)这个方法,但没法修改pagepath属性,我在社区论坛里搜索关键字tabbar,里面所有的帖子都浏览了一遍,发现有不少提出这个问题的人,但是都没有得到解决呀。所以用全局变量应该是怎么处理的呢?能不能说的稍微清楚点呢?谢谢

    2019-11-11 22:02

  • 龙雨溪

    回复 6***@qq.com: 迷糊,人家让你搜全局变量,说了路径不能改,你还搜这个。。。

    2019-11-12 11:08

  • 6***@qq.com (作者)

    回复 龙雨溪: 全局变量我知道怎么用,就是没找到怎么跟pages.json里设置的tabbar进行关联。我理解的是他说的是一个页面切不同内容,但那样写页面js会有很多判断,耦合性很高,虽然代码总量变少,但单独页面复杂度会增高很多。所以不知道是我理解错了,还是有更好的做法呢?

    2019-11-12 14:45

  • 龙雨溪

    回复 6***@qq.com: 自己定义一个叫my-page的组件就好了,然后在一个页面里用my-page模拟多个v-if切换,也可以配合vuex

    2019-11-13 15:31

该问题目前已经被锁定, 无法添加新回复