Vue-点击按钮，当前按钮显示对应的type样式，而其他元素移除样式

 默认第一个按钮自带primary属性颜色，点击其中一个按钮，切换到primary类型，而其他按钮取消该类型的样式

******** html *********
<ul class="btns">
    <li v-for="(item, index) in list" :key="item.id">
        <el-button size="small" @click="changeBg(item, index)" :type="item.btnType">{{ item.name }} {{ item.count }}</el-button>
    </li>
</ul>

*********** js **************
list: [
       { id: 1, name: "全部证件", count: 38540, btnType: this.btnType },
       { id: 2, name: "手写识别", count: 540, btnType: this.btnType },
       { id: 3, name: "语音文字提取", count: 40, btnType: this.btnType },
],
btnType: '',



changeBg(ele, idx) { 
    this.list.forEach(item => {
        item.btnType = "";     // 排他
        if ((ele.id ==item.id)) {  // 通过id进行对比，而不是通过索引值进行对比
          this.list[idx].btnType = "primary";  // 修改数组中指定对象里的btnType
        }
    });
},

********* css ********
ul {
    list-style: none;
    width: 100%;
    margin-bottom: 15px;
    padding: 5px 0;
    display: flex;

    li {
      margin: 0 5px 5px 0;
    }
 }