Vue 多个select 不能重复选择相同属性的数据

第二种 , 根据当前选择的属性 , 去禁用相同属性的选项 ,意思就是相同属性的选项不可重复选择

效果演示

去除或者禁用 都是一样的道理 改一行代码就行, 这里不细说 ,直接贴代码吧

<template>
  <div id="app">
    <div v-for="(item, index) in selectList" :key="index">
      <el-select
        v-model="item.value"
        style="width: 200px"
        placeholder="请选择"
        @change="changSelect(item.value)"
      >
        <el-option
          v-for="it in options"
          :value="it.value"
          :key="it.value"
          :label="it.label"
          :disabled="it.disabled"
        ></el-option>
      </el-select>
    </div>
  </div>
</template>

<script>
export default {
   
  name: "",
  data(