自定义的tabbar跳转。 还有个功能：通过点击首页中的文字，跳转到对应的tabbar页面。现在是能跳转，可跳转到的页面对应下面tabbar的样式未做更改，如何实现tabbar的样式的实时更新呢。

如下示例：点击“首页”中的“旅行游记”，跳转到了旅行游记页面，可下面的tabbar图标依然是首页图标和文字显蓝色，旅行游记的图标未改变

自定义的tabbar的代码如下              
WXML

<text>自定义tabbar</text>

<van-tabbar active="{{ active }}" bind:change="onChange" active-color="#TTTTTT">

 <van-tabbar-item wx:for="{{list}}" wx:key="index">

    <image slot="icon" 
                src="{{item.iconPath}}" 
                mode="aspectFit"
                style="width: 30px; height: 18px;"/>
       <image  slot="icon-active"
               src="{{item.selectedIconPath}}"
               mode="aspectFit"
              style="width: 30px; height: 18px;"/>
   {{item.text}}
  </van-tabbar-item>
</van-tabbar>

JS代码：

methods: {

    onChange(event) {
      this.updateActive(event.detail),
           wx.switchTab({
            url: this.data.list[event.detail].pagePath,
            })
        }
 }

过点击首页中的文字，跳转到旅行游记页面的代码：

WXML：

   <view class="travelNotes-title" bindtap="gotoTravelNotes">
     <!-- <navigator open-type="switchTab" url="../travelNotes/travelNotes"><text>旅行\n游记</text></navigator> -->
     <text decode="true">旅行\n</text> 
     <text decode="true">游记</text> 
   </view>

JS：
  gotoTravelNotes(event) {
    wx.switchTab({
      url: '../travelNotes/travelNotes',
  })
  }