Vue实现active点击切换样式

  <div class="filter-nav" v-for="(item,index)  in  filterData.navTab" :key="index" :class="{‘active‘:currentSort==index}" @click="active(index)">
          <span>{{item.name}}</span>
          <i v-if="item.icon" :class="‘fa fa-‘+item.icon"></i>
        </div>

 :class="{‘active‘:currentSort==index}"

.active {
    color: #009eef;
}

 data() {
    return {
        currentSort:0,
    }
  },

 methods: {
    active(index) {
       this.currentSort  =  index;
    }
  },