开发者社区云计算文章正文

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

2023-06-11 62

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 【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', '否')
        }
      })
    },