你做的没错 但是我想在下拉框里加一个全选和清空的选项 可以吗

当然可以，我们可以在el-select组件中添加两个额外的选项来实现全选和清空的功能。以下是代码示例：

<template>
  <el-select v-model="selectedOptions" multiple placeholder="请选择">
    <el-option v-if="options.length > 0" :key="selectAllOption.value" :label="selectAllOption.label" :value="selectAllOption.value"></el-option>
    <el-option v-if="options.length > 0" :key="clearOption.value" :label="clearOption.label" :value="clearOption.value"></el-option>
    <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selectedOptions: [],
      options: [
        { value: 'option1', label: '选项1' },
        { value: 'option2', label: '选项2' },
        { value: 'option3', label: '选项3' },
        { value: 'option4', label: '选项4' }
      ],
      selectAllOption: { value: 'selectAll', label: '全选' },
      clearOption: { value: 'clear', label: '清空' }
    }
  },
  watch: {
    selectedOptions(newVal) {
      // 如果选中的选项包含全选选项，就选中所有选项
      if (newVal.includes(this.selectAllOption.value)) {
        this.selectedOptions = this.options.map(option => option.value)
      }
      // 如果选中的选项包含清空选项，就清空所有选项
      else if (newVal.includes(this.clearOption.value)) {
        this.selectedOptions = []
      }
      // 如果选中的选项不包含全选和清空选项，就去掉这两个选项
      else {
        this.selectedOptions = newVal.filter(option => option !== this.selectAllOption.value && option !== this.clearOption.value)
      }
    }
  }
}
</script>

在以上代码中，我们通过给el-select组件添加了两个额外的选项，分别为全选选项和清空选项。同时，在watch中监听selectedOptions数组的变化，当用户选中全选选项时，我们将selectedOptions数组更新为包含所有选项的值，当用户选中清空选项时，我们将selectedOptions数组更新为空数组，当用户选中其他选项时，我们将selectedOptions数组更新为不包含全选和清空选项的值。

希望这个代码示例能够帮助你解决问题，如果还有其他问题请随时提出。