如何在选择未来日期并单击clear按钮时将日期选择器重置为vuejs中的当前日期

<template>
  <div>
    <DatePicker v-model="selectedDate" @clear="resetDatePicker" />
    <button @click="clearDatePicker">Clear</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedDate: new Date().toISOString().substr(0, 10), // 当前日期
    };
  },
  methods: {
    resetDatePicker() {
      this.selectedDate = new Date().toISOString().substr(0, 10); // 重置为当前日期
    },
    clearDatePicker() {
      this.selectedDate = null; // 清空日期选择器的值
    },
  },
};
</script>