el-select 点击template footer按钮关闭el-select

`el-select` 是 Element UI 中的一个下拉选择组件，它通常用于让用户从预设选项中做选择。如果要在 `el-select` 的模板footer区域添加一个按钮，使得点击该按钮可以关闭下拉选择框，你可以这样做：

首先，在 `el-select` 的选项结构中，为模板footer部分设置一个 `slot`，例如:

<el-select v-model="selectedValue" @close="handleClose">
  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
    {{ item.label }}
  </el-option>
  <template slot="append">  
    <div class="footer-btn">
      <button @click="handleClose">关闭</button>
    </div>
  </template>
</el-select>

然后，在你的Vue实例中定义 `handleClose` 方法，这个方法会在点击关闭按钮时被调用：

export default {
  data() {
    return {
      selectedValue: '',
      options: ... // 你的选项列表
    };
  },
  methods: {
    handleClose() {
      this.$refs.select.close(); // 使用 $refs 来操作 Select 组件
    }
  }
}

这里通过 `$refs` 联接到了实际的 Select 元素，调用其 `close()` 方法来关闭下拉。