ant-design-vue a-range-picker月份范围选择后弹框不关闭

 

<template>
  <a-col :span="6">
   <a-form-model-item label="月份" prop="settleMonth">
     <a-range-picker
        format="YYYY-MM"
        valueFormat="YYYY-MM"
        v-model="formState.settleMonth"
        :mode="['month', 'month']"
        :open="monthPickShow"
        @panelChange="handlePanelChange"
        @openChange="handleOpenChange"
     />
    </a-form-model-item>
  </a-col>
</template>
<script>
export default {
    data() {
        return {
            monthPickShow: false,
            formState: {
                settleMonth:[]
            },
        }
 
    methods: {
        handlePanelChange(value) {
            if (this.formState.settleMonth[1] && this.formState.settleMonth[1]._d != value[1]._d) {
                this.monthPickShow = false;
            }
            console.log(value)
            this.formState.settleMonth = value;
            this.formState.settleMonthFrom = moment(value[0]).format('YYYY-MM')
            this.formState.settleMonthTo = moment(value[1]).format('YYYY-MM')
        },
        handleOpenChange(status) {
            if(status){
                this.monthPickShow = true;
            }else{
                this.monthPickShow = false
            }
        },
    }
}
</script>