项目中经常会遇到下拉单选时,已经被选用的选项就不能再被选用。可以将Dom置灰:
<el-tree
:data="List"
>
<el-select v-model="node" @change="handleChange(node)">
<el-option :disabled="optDisable(item)" v-for="item in childList" :key="item.id" :label="item.modelName" :value="item.id">
</el-option>
</el-select>
</el-tree>
data() {
selectOption: [],// 选择器的选中项
}
/**
* option change事件
*/
handleChange(value) {
return this.selectOption.push(value)
},
// dom 置灰
optDisable(value) {
if (this.selectOption.indexOf(value.id) >= 0) {
return true;
} else {
return false;
}
},