el-date-picker 添加插槽

当您在`el-date-picker`中需要自定义更多的内容时，可以使用插槽来实现。

`el-date-picker`组件提供了以下插槽供您使用：

- `prefix`: 前缀插槽，用于在输入框前面添加自定义内容。
- `suffix`: 后缀插槽，用于在输入框后面添加自定义内容。
- `prepend`: 前置插槽，用于在输入框前面添加自定义内容，与`prefix`不同的是，它会出现在边框内。
- `append`: 后置插槽，用于在输入框后面添加自定义内容，与`suffix`不同的是，它会出现在边框内。

以下是一个示例，展示如何使用插槽来添加自定义内容：

<template>
  <div>
    <el-date-picker
      v-model="selectedMonth"
      type="month"
      format="yyyy-MM-dd"
      value-format="yyyy-MM-dd"
      @change="handleMonthChange"
    >
      <!-- 前缀插槽 -->
      <template v-slot:prefix>
        <i class="el-icon-date"></i>
      </template>
      
      <!-- 后缀插槽 -->
      <template v-slot:suffix>
        <button @click="clearSelectedMonth">Clear</button>
      </template>
      
      <!-- 前置插槽 -->
      <template v-slot:prepend>
        <span class="el-input-group__prepend">Start Date:</span>
      </template>
      
      <!-- 后置插槽 -->
      <template v-slot:append>
        <span class="el-input-group__append">End Date:</span>
      </template>
    </el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedMonth: '', // 选择的月份
    };
  },
  methods: {
    handleMonthChange() {
      const yearMonth = this.selectedMonth.split('-'); // 分割年份和月份
      const year = yearMonth[0];
      const month = yearMonth[1];＊＊＊