vue3中disabled-date怎么传递多个参数

在Vue 3中，`disabled-date` 是一个用于禁用日期选择器的方法属性，通常在时间选择组件如 `v-calendar` 或者 `date-picker` 中使用，它接收一个函数作为值，这个函数会返回一个布尔值表示某个日期是否应该被禁用。如果你想传递多个参数给这个方法，你可以将它们封装在一个对象或者数组中，然后在函数内部进行处理。

例如，假设你想要禁用当前周日、未来的某一段日期以及过去的某一段日期，可以这样做：

<template>
  <date-picker :disabled-date="isDisabledDate" />
</template>

<script setup>
import { ref } from 'vue';

const disabledDates = {
  todaySunday: () => new Date().getDay() === 0,
  futureRange: (date) => date > someFutureDate,
  pastRange: (date) => date < somePastDate,
};

function isDisabledDate(date) {
  const isSunday = disabledDates.todaySunday(date);
  const isFuture = disabledDates.futureRange(date);
  const isPast = disabledDates.pastRange(date);

  // 根据所有条件返回禁用状态
  return isSunday || isFuture || isPast;
}
</script>

在这个例子中，`disabledDates` 对象包含了三个判断条件，每个条件都是一个独立的函数，当它们都满足时，该日期会被禁用。