van-tabbar切换不高亮，监听$route实现高亮

Vue — vant tabbar 点击切换高亮 - 点击领取在 vue-cli 移动项目中，使用 vant 底部切换，例如：/mine 和 /mine/collect 都需要https://www.dianjilingqu.com/263517.html

场景

页面底部有一个tabbar栏，下面三个分类，其中两个分类是跳转到一个页面，只是页面参数不同。另一个我的跳到其它页面。

问题

分类1、分类2、我的。分类1和分类2切换没有问题，点击我的也没问题。从我的点击分类1或者分类2时，分类1和分类2都不高亮了。

解决方案

主要是参考上面链接的做法，对$route进行了监控，达到切换高亮。

我的handleActive加了个监听参数的判断

 handleActive () {
      let path = this.$route.path;
      let type = this.$route.query.type;
      if (path.indexOf('/mine') !== -1) {
        this.active = 2
      } else  {
        if(type==='type1'){
            this.active = 0
        }else{
            this.active = 1
        }
      } 
    },