el-select选择完数据后。再添加一条新数据已选择的不能选中

需求：有个动态添加的表格，表格的险种是用的el-select做的，然后新增一条记录后，已经选择的险种不能够再选择

 

再新增一条时，已经选择的医疗和大病就不能选择了

 

element UI组件控制能否选中，用的是disabled,只要让el-option里的disabled=‘属性’　　在选择完成后，触发change事件，在事件中判断下拉列表子项和选择的值是否相同，相同就把自定义的属性设为true

<el-select v-model="scope.row.welfareCode" @change="change">
      <el-option
             v-for="item in insurance"
             :key="item.val"
             :label="item.welfareName"
             :value="item.welfareCode"
             :disabled="item.isDisabled"
            >
      </el-option>
</el-select>

change(val){
    this.insurance.forEach(item=>{
         if (item.welfareCode === val){
             item.isDisabled = true
         }
    })
},