现在自定义tabbar是封装了一个component

<view class="tabbar-bottom-container">
      <navigator open-type='redirect' url='/pages/index/index' hover-class='none' class='item selected'><view class='item'>歌姬动态</view></navigator>
       <navigator open-type='redirect' url='/pages/index/index' hover-class='none' class='item'><view class='item'>歌姬介绍</view></navigator>
        <navigator open-type='redirect' url='/pages/index/index' hover-class='none' class='item'><view class='item'>基地介绍</view></navigator>
         <navigator open-type='redirect' url='/pages/index/index' hover-class='none' class='item'><view class='item'>排行榜</view></navigator>
          <navigator open-type='redirect' url='/pages/index/index' hover-class='none' class='item'><view class='item'>个人中心</view></navigator>
</view>

大概这样 因为原生的限制了5项 并且有样式的限制 所以想自定义
但是因为是跳转的所以会闪烁
不能像在app.json配置的那样 只加载内容tabbar是固定的

求大神指教 该如何实现这里