<el-calendar> 2.6slot写法

`<el-calendar>` 是 Element UI 中用于显示日历的组件，而 slot 是 Vue.js 中的内容分发机制，允许开发者自定义组件的特定部分。在 Element 2.6版本中，`<el-calendar>` 组件使用 slot 来自定义日历中某些元素的显示内容。

要使用 slot 自定义 `<el-calendar>` 组件，你需要了解 Element 提供的几个具名 slot，包括但不限于：

- `date`：用于自定义日历中的日期单元格内容。
- `header`：自定义日历头部内容。

以下是一个简单的例子，展示如何使用具名 slot 来自定义 `<el-calendar>` 组件：

<template>
  <el-calendar>
    <!-- 自定义日期单元格 -->
    <template v-slot:date="{ date, data }">
      <div>{{ date.getDate() }}</div>
      <!-- 自定义一些额外的内容 -->
      <span v-if="data.someCondition">特殊条件</span>
    </template>
    <!-- 自定义日历头部 -->
    <template v-slot:header="{ value, view, changeView }">
      <div>
        <span>{{ value }}</span>
        <!-- 自定义头部操作 -->
        <el-button @click="changeView('month')">切换月份</el-button>
      </div>
    </template>
  </el-calendar>
</template>

在这个例子中，我们使用 `v-slot:date` 来自定义日期单元格的显示内容，以及使用 `v-slot:header` 来自定义日历头部的显示内容和操作。你可以根据需要插入不同的 HTML 结构和逻辑来满足你的需求。