Bootstrap

el-select 选项只能被选一次

项目中经常会遇到下拉单选时,已经被选用的选项就不能再被选用。可以将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;
      }
    },

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;