iview DatePicker acquired after the date of change

<template>

    <Row>

        <Col span="12">

            <DatePicker @on-change='handleChange' type="daterange" confirm placement="bottom-end" placeholder="Select date" style="width: 200px"></DatePicker>

        </Col>

    </Row>

</template>

<script>

    export default {

    data:{

        value:''

    },{

    methods:{

        handleChange(daterange){

            this.value = daterange; // this value is the value date

        }

    }

}

}

</script>

Reproduced in: https: //www.jianshu.com/p/ef4cfcffe7ef