一、效果图
二、实现过程
<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的朋友带来帮助
