小程序自定义tabbar，不同用户显示不同页面

前言

当我们拿到一个小程序项目，官方tabbar足够我们使用，但跟着业务有所增加，我们前端也不得不跟着改变。因为业务需求，我这个小程序分成了用户端和管理端两端，相对应使用权限也不同，因此tabbar所跳转页面也不同

管理端

 

 用户端

 做了很多功课，最终选择了自定义tabbar，下面介绍我的做法

1，新建一个tabbar.vue

tabbar.vue页面

 

<template>
    <block>
        <view v-for="(item,index) in tabList" :key="index" class="navigator"
            :class="currentTabIndex == index ? 'on' :