在写vue2时 我有一个组件是这样的 <el-select v-model="request.queueName" placeholder="队列名称" filterable allow-create clearable style="width: 350px; margin: 10px"> <el-option v-for="item in queueNameList" :key="item.value" :label="item.desc" :value="item.value"> </el-option> </el-select> 这是一个单选下拉框，现在我想把他变成一个多选的选择框，里面原来的list我要能进行勾选选择，还要有全选和取消全选的功能 我应该怎么在代码里实现

要将单选下拉框变成多选选择框，您可以使用 `<el-select multiple>` 标签来实现。同时，为了实现勾选选择、全选和取消全选功能，您需要对 `<el-option>` 标签进行修改，具体代码如下所示：

<el-select v-model="request.queueName" placeholder="队列名称" filterable allow-create clearable style="width: 350px; margin: 10px" multiple>
  <el-option
    v-for="item in queueNameList"
    :key="item.value"
    :label="item.desc"
    :value="item.value"
  >
    <template #default="{ option }">
      <el-checkbox :label="option.value" v-model="request.queueName">{{ option.label }}</el-checkbox>
    </template>
  </el-option>
  <el-option
    key="all"
    label="全选"
    :value="queueNameList.map(item => item.value)"
  ></el-option>
</el-select>

在上面的代码中，我们使用 `<el-select multiple>` 标签来将单选下拉框变成多选选择框。对于每个选项，我们使用了 `v-model` 指令来将选项的值与 `request.queueName` 绑定起来，从而实现勾选选择的功能。此外，我们还添加了一个全选选项，当用户点击全选选项时，会将所有选项的值都添加到 `request.queueName` 中，实现全选的功能。