element plus 的下拉框右侧增加按钮

要在 Element Plus 的下拉框中右侧增加按钮，可以使用 `el-select` 组件的 `append` 插槽，将按钮放置在下拉框的右侧。

首先，我们需要在 `el-select` 上添加 `append` 插槽，如下所示：

<el-select v-model="selected" placeholder="请选择">
  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
  <!-- 在下拉框右侧添加按钮 -->
  <template #append>
    <el-button @click="handleButtonClick">增加</el-button>
  </template>
</el-select>

然后，我们需要在 Vue 组件的 `methods` 中添加 `handleButtonClick` 方法，用于处理按钮点击事件。该方法可以在下拉框的选项数组中添加新的选项，并将其设置为当前选中的值，如下所示：

export default {
  data() {
    return {
      selected: null,
      options: [
        { label: '选项一', value: '1' },
        { label: '选项二', value: '2' },
        { label: '选项三', value: '3' },
      ],
    };
  },
  methods: {
    handleButtonClick() {
      const newOption = { label: '新选项', value: '4' };
      this.options.push(newOption);
      this.selected = newOption.value;
    },
  },
};

这样，当用户点击按钮时，就会调用 `handleButtonClick` 方法，将新选项添加到下拉框中，并将其设置为当前选中的值。注意，`append` 插槽中的内容会显示在下拉框的右侧，而 `suffix` 插槽中的内容则会显示在下拉框的左侧。