ElementUI 月份选择器 拆分 年 和 月

要拆分 ElementUI 的月份选择器的年和月，可以使用 ElementUI 提供的el-date-picker组件，并设置其type属性为'month'。然后，可以通过设置el-date-picker的value-format属性来指定日期的格式为年份和月份。

以下是一个示例代码：

<template>
  <div>
    <el-date-picker
      v-model="date"
      type="month"
      value-format="yyyy-MM"
      placeholder="选择月份"
      @change="handleDateChange"
    >
    </el-date-picker>
    <div>年份: {{ year }}</div>
    <div>月份: {{ month }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: null,
      year: null,
      month: null,
    };
  },
  methods: {
    handleDateChange() {
      if (this.date) {
        const [year, month] = this.date.split("-");
        this.year = year;
        this.month = month;
      } else {
        this.year = null;
        this.month = null;
      }
    },
  },
};
</script>

在这个示例中，我们使用了el-date-picker组件来选择月份。当选择的月份发生变化时，会触发change事件，然后通过handleDateChange方法将选择的年份和月份分别保存到year和month变量中。在模板中，我们分别显示了年份和月份的值。

你可以根据自己的需求进行修改和调整。