el-date-picker的type为dates时如何限制日期数量最多是2个时间

在Element UI的`el-date-picker`组件中，当`type`属性设置为`dates`时，允许选择的是多个独立的日期。如果你想要限制用户只能选择不超过两个日期，你需要自定义一些逻辑或利用其提供的事件。

首先，你可以通过监听`pick`或`confirm`事件，在事件处理函数中检查选中的日期数量，并提供相应的操作。例如：

<template>
  <el-date-picker
    v-model="selectedDates"
    type="dates"
    :max-date="currentDate" <!-- 如果有当前日期限制 -->
    @pick="handlePick"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      selectedDates: [],
      currentDate: new Date(), // 或者根据需要设定当前日期的最大值
    };
  },
  methods: {
    handlePick(date) {
      if (this.selectedDates.length >= 2) {
        this.$message.error('已达到最多选择2个日期的限制');
        date.preventDefault(); // 取消选择
      } else {
        this.selectedDates.push(date);
      }
    },
  },
};
</script>

在这个例子中，如果用户尝试添加第三个日期，会显示错误消息并阻止添加。请注意，这只是一个基本的示例，实际应用中可能还需要处理其他情况，比如清除已有选择、禁用后续日期选择等。