vue实现选中效果

<li v-for="(item,index) in itemData " :key="index">
              <el-button
                v-bind:class="{
         active:item.id==link}"
                type="text"
                icon="el-icon-folder"
                @click="getDiary(item)"
              >{{item.title}}</el-button>
            </li>

v-bind:class="{active:item.id==link}"

.active {
  color: #409eff;
}

data () {
    return {
      link: '' // 当前选中的分类
 }     
}

getDiary(item){
      this.link = item.id
}