el-select 底部嵌套el-button

`el-select` 是 Element UI 中的一个下拉选择组件，它通常用于提供选项供用户从列表中选择。底部嵌套 `el-button`，顾名思义，就是在 `el-select` 的下方添加一个按钮，这个按钮可能与选择操作有关，比如“搜索”、“确认”或“取消”等。

具体实现可以这样配置：

1. 首先，在 `el-select` 组件中，设置好选项列表和选中状态：

<el-select v-model="selectedValue">
  <el-option
    v-for="item in options"
    :key="item.value"
    :label="item.label"
    :value="item.value"
  ></el-option>
</el-select>

2. 在 `el-select` 下方添加一个 `el-button`，通常通过 `slot` 或者 `ref` 与之关联：

<el-select ...>
  <!-- ... -->
</el-select>

<el-button slot="bottom" @click="handleButtonClick">我的按钮</el-button>

或者使用 ref：

<el-select ref="selectRef">
  <!-- ... -->
</el-select>

<el-button @click="handleButtonClick">我的按钮</el-button>
<script>
export default {
  methods: {
    handleButtonClick() {
      this.$refs.selectRef.handleBottomButtonClick(); // 假设 el-select 有 handleBottomButtonClick 方法
    },
  },
};
</script>

3. 对于自定义交互，你可以在 `el-select` 组件内部（例如 `handleBottomButtonClick` 方法）处理按钮点击事件，并根据需要执行相应的操作。