vue3使用el-date-picker默认有值的时候清空值选择日期框会一闪而过

在 Vue3 中，当你使用 Element UI 的 `el-date-picker` 组件并且想在组件初始化时设置默认值，但希望用户可以直接清除该默认值并选择新的日期时，可能会遇到闪烁的问题。这是因为默认值在初次渲染时已经预设了，当尝试清除它时，由于组件状态的变化，视图需要更新，这可能导致短暂的闪现。

解决这个问题的一个常见方法是通过数据绑定而不是直接赋值给 `v-model`。例如，你可以设置一个初始值为 `null` 或者 `''`，然后让用户在输入框里交互选择日期：

<template>
  <el-date-picker v-model="selectedDate" placeholder="选择日期"></el-date-picker>
</template>

<script setup>
import { ref } from 'vue';

const selectedDate = ref(null); // 使用ref存储选中的日期，默认为空
</script>

这样，用户点击后可以手动选择日期，如果直接清除输入框，则不会立即显示上次选择的日期，避免了闪烁。