element 的下拉框增加按钮

要在 element 的下拉框中添加增加按钮，你可以使用 element-ui 中的 el-select 组件，并自定义其模板和方法来实现。

首先，在 el-select 上添加一个 slot 插槽，用于放置增加按钮的元素。如下所示：

<el-select v-model="value">
  <!-- 增加按钮插槽 -->
  <template slot="suffix">
    <el-button @click="addOption">新增</el-button>
  </template>
  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>

然后，在 Vue 组件的 methods 中添加一个 addOption 方法，用于添加新的选项到下拉框中。如下所示：

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

这样，当用户点击增加按钮时，就会调用 addOption 方法，将新选项添加到下拉框中，并将其设置为当前选中的值。