element select清空已选择的选项

1,418 阅读1分钟
<div>
      <el-select v-model="fenpeis.main" placeholder="请选择主招聘人员" style="width: 100%;">
        <el-option
          v-for="item in comSpec"
          :key="item.id"
          :value="item.id"
          :label="item.name"
        />
      </el-select>
      <el-select
        v-if="fenpeis.main"
        v-model="fenpeis.left"
        multiple
        clearable
        placeholder="请选择协助人员"
        style="width: 100%;padding-top: 30px;"
      >
        <el-option
          v-for="item in newComSpec"
          :key="item.id"
          :value="item.id"
          :label="item.name"
          :disabled="item.disabled"
        />
      </el-select>
    </div>

下图的代码 在这里插入图片描述

在这里插入图片描述

如上图所示,假如要清空第二个select已选选项

在这里插入图片描述

我们只需要通过下面的一行代码便可以清空已选选项

 this.$set(this.fenpeis, 'left', null)