vue2在input下拉框中使用el-checkbox-group实现多选

你可以使用 `el-checkbox-group` 组件来实现多选下拉框，具体步骤如下：

1. 在 `input` 元素中添加一个 `v-model` 绑定，用来绑定选中的值；
2. 在 `el-checkbox-group` 组件中，使用 `v-model` 绑定选中的值；
3. 在 `el-dropdown-menu` 中，使用 `el-checkbox-group` 组件来展示下拉选项。

下面是一个简单的示例代码：

<template>
  <div>
    <el-input v-model="selectedValues" placeholder="请选择" @click="showDropdown"></el-input>
    <el-dropdown :visible-arrow="false" ref="dropdown" @command="handleCommand">
      <el-dropdown-menu slot="dropdown">
        <el-checkbox-group v-model="selectedValues">
          <el-checkbox label="选项一"></el-checkbox>
          <el-checkbox label="选项二"></el-checkbox>
          <el-checkbox label="选项三"></el-checkbox>
        </el-checkbox-group>
      </el-dropdown-menu>
    </el-dropdown>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValues: []
    };
  },
  methods: {
    showDropdown() {
      this.$refs.dropdown.show();
    },
    handleCommand() {
      // 处理选中的值
      console.log(this.selectedValues);
    }
  }
};
</script>

在上面的示例中，我们使用了 `el-input` 组件来展示下拉框的选中值，`el-dropdown` 组件来展示下拉选项，`el-checkbox-group` 组件来实现多选功能。当点击 `el-input` 元素时，通过调用 `showDropdown` 方法来打开下拉选项，当选中一个或多个选项后，会自动更新 `selectedValues` 的值，我们可以在 `handleCommand` 方法中处理选中的值。