vue-datepicker日期选择器回显

Vue DatePicker是一个常用的日期选择插件，它允许你在Vue应用中添加动态选择日期的功能。关于回显功能，当你需要在用户交互之前设置默认日期，或者从服务器获取已有日期并显示在组件上时，可以利用插件提供的API进行设置。

1. **初始化时直接赋值**：如果你已经有一个JavaScript Date对象或者字符串形式的日期，例如`"2023-01-01"`，可以在组件的data中这样设置：

data() {
  return {
    selectedDate: new Date('2023-01-01'), // 或者 '2023-01-01'
  };
},

2. **响应式绑定**: 如果你想在用户选择后更新这个值，你可以将`selectedDate`绑定到一个表单字段或者自定义的数据属性上，并监听其变化：

<template>
  <vue-datepicker v-model="selectedDate"></vue-datepicker>
</template>

<script>
import VueDatePicker from 'vue-datepicker';

export default {
  components: { VueDatePicker },
  data() {
    return {
      selectedDate: null, // 初始化为空
    };
  },
}
</script>

然后，在事件回调中处理回显的日期：

methods: {
  handleSelect(date) {
    this.selectedDate = date; // 当用户选择日期时，更新数据模型
  }
}