【Element-ui】每个类只有一个默认设置选项

一、效果图



二、实现过程

<el-table-column prop="isDefault" label="默认" width="130">
<template slot-scope="scope">
<el-checkbox @change="contactSetDefault(scope.$index)" true-label="true" false-label="false" v-model="scope.row.isDefault"> </el-checkbox>
</template>
</el-table-column>

// 银行设置默认
bankSetDefault (index) {
this.setDefault(this.supplierObjs.supplierBankAccount, index)
},

// 设置默认，一个供应商只能有一个默认的联系人或银行账户
setDefault (data, index) {
data.forEach((element, i) => {
if (index !== i) {
this.$set(element, 'isDefault', '否')
}
})
},

三、总结
    一开始看着效果有点难实现，理清了思路也就不难了，希望能给正在使用element-UI的朋友带来帮助