element ui 下拉框底部添加选择今天

要在Element UI下拉框底部添加“选择今天”选项，你可以在下拉框中添加一个自定义底部插槽(slot)，并在该插槽中添加一个“选择今天”按钮。

以下是示例代码：

<el-select v-model="selectedDate">
  <el-option v-for="date in dates" :key="date" :label="date" :value="date"></el-option>
  <template #default>
    <el-button slot="suffix" type="text" size="small" @click="selectToday">选择今天</el-button>
  </template>
</el-select>

在上面的代码中，我们在el-select组件中添加了一个自定义底部插槽，并在该插槽中添加了一个el-button组件，用于选择今天日期。在该按钮上绑定了click事件，当用户点击该按钮时，会调用selectToday方法。

你需要在Vue实例中定义selectToday方法，该方法会将选中的日期设置为今天日期：

methods: {
  selectToday() {
    this.selectedDate = this.formatDate(new Date());
  },
  formatDate(date) {
    // 将日期格式化为字符串
    return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`;
  }
},
computed: {
  dates() {
    // 计算日期列表
    const dates = [];
    for (let i = 0; i < 7; i++) {
      const date = new Date();
      date.setDate(date.getDate() - i);
      dates.unshift(this.formatDate(date));
    }
    return dates;
  }
},
data() {
  return {
    selectedDate: this.formatDate(new Date())
  };
}

在上面的代码中，我们定义了selectToday方法，该方法会将selectedDate属性设置为今天日期。我们还定义了formatDate方法，用于将日期格式化为字符串。我们在computed属性中计算了过去7天的日期列表，并将该列表绑定到el-select组件的options属性上。我们将selectedDate属性初始值设置为今天日期。