vue导航栏刷新,选中样式不修改(选中状态刷新不消失)

在路径加入获取到变化的index;

 
      {{item.label}} 


export default {
  data () {
    return {
    // tab栏列表
      list: [
        {path:'/main',label:'处理中心'},
        {path:'/sys',label:'消息中心'},
      ],
      ind: '0', // 用ind作为选择标识
    }
  },
  methods: {
  // 点击tab栏,修改ind的值
    changeBgc(index){
      this.ind = index;
    },
  },
  mounted(){
    if(this.$route.query.item){
      this.ind = this.$route.query.item;
    }else{
      this.ind = 0;
    }
  }

你可能感兴趣的:(Vue学习)