van-picker 怎么用插槽option自定义选项

van-picker 是 Element Plus UI 的日期和时间选择组件，它支持通过插槽（Slot）来自定义选项。如果你想要自定义选项，可以在 `<van-picker>` 元素内部使用 `slot` 属性，并为它分配一个特定的名称，如 `picker-item` 或者 `cell`。

下面是一个简单的例子，展示如何在日期选择器中自定义每个选项：

<template>
  <van-picker v-model="value" type="date">
    <!-- 定义 custom-option 插槽 -->
    <template slot="custom-option">
      <div class="custom-option">
        <van-cell title="今天" value="today" />
        <van-cell title="明天" value="tomorrow" />
        <!-- 添加更多自定义选项... -->
      </div>
    </template>

    <!-- 普通的日期选项 -->
    <template slot-scope="{ item }">
      <van-cell :title="item.label" :value="item.value" />
    </template>
  </van-picker>
</template>

<script>
export default {
  data() {
    return {
      value: new Date(),
    };
  },
};
</script>

在这个例子中，`custom-option` 插槽用于添加自定义的日期选项，而 `slot-scope` 则是处理默认日期选项的地方。