vux tabbar组件 keep-alive使用

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/besttoby01/article/details/84103559

问题描述：

vue使用了vux组件，一级页面使用了tabbar组件，但是两个一级页面需要缓存，以保证切换的消耗量。开启缓存后，出现了底部的选中项混乱，每次点击都是慢一拍。

解决方案：

定义组件的时候，我不是传参来表示了。而是直接使用computed函数来判断selected的值。通过判断path的值，来判断是否选中盖页面。

代码：

selected() {
      let path = this.$route.path,
        index = 0;
      switch (path) {
        case "/":
          index = 0;
          break;
        case "/personal":
          index = 1;
          break;
        default:
          index = 0;
          break;
      }
      return index;
}