vue+elementUI中日期组件动态变化可选择的日期范围

<template>
    <el-form-item label="日期">
        <el-date-picker
                v-model="formData.mydate"
                type="date"
                :picker-options="mydateOptions"
                format="yyyy-MM-dd"
                placeholder="">
        </el-date-picker>
    </el-form-item>
</template>

<!--  -->
<script>
    export default {
        name: 'testDate',
        data() {
            return: {
                mydateOptions: {}
            }
        },
        methods: {
            this.$axios.get('/getTestDate').then(res => {
                if(res.success) {
                    this.myDateOptions = {
                        disabledDate(time) {
                            return time.getTime() < res.data.testDate.getTime();
                        }
                    }
                }
            }
        }
    }
</script>

myDateOptions.disabled函数也可以定义在data return里，但此时就不能依赖于后端查询得到的结果来动态变化了