elementplus el-select 怎么做全选

Element Plus中的`el-select`组件用于创建下拉选择框，如果需要实现全选功能，通常会配合`v-model`指令和一些自定义方法来操作。下面是一个简单的步骤：

1. 首先，在模板中添加`el-select`，并设置`multiple`属性为`true`，表示支持多选。

<template>
  <el-select v-model="selectedValues" multiple placeholder="请选择">
    <el-option
      v-for="(item, index) in options"
      :key="index"
      :label="item.label"
      :value="item.value"
    ></el-option>
  </el-select>
</template>

2. 定义`selectedValues`数据项作为绑定值，初始化为空数组，存储所选的选项。

<script>
export default {
  data() {
    return {
      selectedValues: [],
      options: [
        // 你的option列表
      ],
    };
  },
};
</script>

3. 添加一个全选/取消全选的方法，比如`toggleAllSelection`，在其中遍历options并设置所有项的`value`等于`selectedValues`。

<script>
methods: {
  toggleAllSelection() {
    this.selectedValues = this.options.length ? this.options.map(item => item.value) : [];
  },
},
</script>

4. 可以在需要的地方调用这个方法，如按钮点击事件或某个条件触发。例如：

<template>
  <!-- ... -->
  <button @click="toggleAllSelection">全选</button>
</template>

<!-- 或者在方法里调用 -->
toggleAllSelection();