单选框部分选项禁用情况

element-ui 中 select 选项 部分按钮 需要显示 但是不想让用户使用 即禁用 利用：disabled属性 可以对数据进行处理 将需要禁用的选项 增加一个disabled属性为true

<template #rebateCode="scope">
    <el-select v-model="form.rebateCode" filterable  class="w-100" clearable @change="selectOptions" placeholder="请选择">
         <el-option
          v-for="(item, index) in options" :key="`class-${index}`"
          :label="item.dictName"
          :value="item.dictValue"
          :disabled="item.disabled"
          >
          </el-option>
      </el-select>
</template>

对数据进行处理

deleteUselessOptions(){
    let get = this.data; //data 是依照的数据 options是选项数据 要为其添加 disabled属性。
     this.options.map(item => {
         get.forEach(element => {
             if(element.rebateCode == item.dictValue) {
                 item.disabled = true;
             }
         });
     })
 }