一、场景
1.需求: 用户可自由选择需要修改的对象并同时修改多个属性,需要校验修改对象不能重复选择,但是可供修改属性是固定的
2.目标效果:
二、原理与步骤
1.首先将所有select选项,设置disabled默认false
2.改变select选项,change方法:
①将所有选项disabled置为false,这一步是避免有遗漏
②判断修改项table中是否存在select中的值,若存在,将选项disabled置为true
三、实现
1.主要代码:
<template>
<el-select
v-model="selValue"
:size="$attrs.size"
placeholder="请选择"
@change="canidateChange(scope)"
>
<el-option
v-for="(selc, index) in SelectColumns"
:key="index + selc.item.key"
:label="selc.item.title"
:value="selc.item.key"
:disabled="selc.item.disabled