使用element组件如何实现根据实际年月日，建立月份数据字典和天数数据字典，下拉选择月份时，天数的下拉数据根据月份而变化

</el-form-item>

                        <el-form-item label="年份" prop="year">

                          <el-date-picker clearable v-model="form.year" style="width: 100%" type="year" value-format="yyyy" placeholder="请选择年份"></el-date-picker>

                        </el-form-item>

                        <el-select v-model="form.month"  @change="updateDayOptions">

                          <el-option

                            v-for="month in monthOptions"

                            :key="month.value"

                            :label="month.label"

                            :value="month.value"

                           

                          ></el-option>

                        </el-select>

                       

                        <el-select v-model="form.day">

                          <el-option

                            v-for="day in dayOptions"

                            :key="day.value"

                            :label="day.label"

                            :value="day.value"

                          ></el-option>

                        </el-select>

在data return里

monthOptions: [

        {label:"1月", value:1},

        {label:"2月", value:2},

        {label:"3月", value:3},

        {label:"4月", value:4},

        {label:"5月", value:5},

        {label:"6月", value:6},

        {label:"7月", value:7},

        {label:"8月", value:8},

        {label:"9月", value:9},

        {label:"10月", value:10},

        {label:"11月", value:11},

        {label:"12月", value:12},

      ],  

      dayOptions: [],  

      selectedMonth: null

在methon里

updateDayOptions(month) {

      const daysInMonth = new Date(2023, month, 0).getDate();

      this.dayOptions = Array.from({ length: daysInMonth }, (_, i) => ({

        label: i + 1,

        value: i + 1,

    }));