vue导航栏刷新，选中样式不修改（选中状态刷新不消失）

最新推荐文章于 2024-09-17 13:18:15 发布

qq_16055765

最新推荐文章于 2024-09-17 13:18:15 发布

阅读量9.6k

点赞数 3

文章标签：导航 path class

本文链接：https://blog.csdn.net/qq_16055765/article/details/79387080

版权

<router-link v-for="(item,index) in list" 
     :key="item.value" :to="{path:item.path,query:{item:index}}"
     :class="{'router-link-exact-active':ind == index}"
      @click.native="changeBgc(index)"  class="topbar-item"
    > 
      {{item.label}} 
    </router-link>

export default {
  data () {
    return {
      list: [
        {path:'/main',label:'处理中心'},
        {path:'/sys',label:'消息中心'},
      ],
      ind: '0'
    }
  },
  methods: {
    changeBgc(index){
      this.ind = index;
    },
  },
  mounted(){
    if(this.$route.query.item){
      this.ind = this.$route.query.item;
    }else{
      this.ind = 0;
    }
  }
}