2021-10-11 两个select下拉框的内容一样，但是不能选择相同的值

两个select下拉框的内容一样，但是不能选择相同的值：

使用disabled

   <el-select
                  v-model="value1"
                  placeholder="请选择"
                  @change="change1"
              >
                <el-option
                    v-for="item in sourceId"
                    :key="item['res-id']"
                    :label="item.name"
                    :value="item['res-id']"
                    :disabled="item['res-id'] === value2"
                >
                </el-option>
              </el-select>

    <el-select
                  v-model="value2"
                  placeholder="请选择"
                  @change="change2"
              >
                <el-option
                    v-for="item in destinationId"
                    :key="item['res-id']"
                    :label="item.name"
                    :value="item['res-id']"
                    :disabled="item['res-id'] === value1"
                >
                </el-option>
              </el-select>