el-select全选

在el-select中实现全选的方法有很多种，下面我介绍一种常用的方法：

1. 首先需要在el-select中加入一个全选的选项，可以使用el-option组件来实现：

<el-select v-model="selectedOptions" multiple>
  <el-option label="全选" value="all"></el-option>
  <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
</el-select>

2. 定义selectedOptions和options两个变量：

data() {
  return {
    selectedOptions: [],
    options: [
      { value: 'option1', label: '选项1' },
      { value: 'option2', label: '选项2' },
      { value: 'option3', label: '选项3' },
      { value: 'option4', label: '选项4' },
      { value: 'option5', label: '选项5' }
    ]
  }
}

3. 监听selectedOptions变量的变化，如果选择了全选，则将所有选项的值赋值给selectedOptions，否则将selectedOptions中的值更新到父组件中：

watch: {
  selectedOptions: function (val) {
    if (val.includes('all')) {
      this.selectedOptions = this.options.map(option => option.value);
    } else {
      this.$emit('update:selectedOptions', val);
    }
  }
}

这样就可以实现在el-select中选择全选的功能了。