wxml

<cover-view class="tab-bar">
  <cover-view class="tab-bar-border"></cover-view>
  <cover-view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
    <cover-image src="{{selected === index ? item.selectedIconPath : item.iconPath}}"></cover-image>
    <cover-view style="color: {{selected === index ? selectedColor : color}}">{{item.text}}</cover-view>
  </cover-view>
</cover-view>

js

methods: {
    switchTab(e) {
      console.log(e.currentTarget.dataset)
      const data = e.currentTarget.dataset
      const url = data.path
      // console.log(url)
      wx.switchTab({url})
      console.log(url)
      this.setData({
        selected: data.index
      })
    }
  }