el-date-picker 失去焦点不清空

您可以使用`blur()`方法来使`el-date-picker`失去焦点。但是默认情况下，`el-date-picker`失去焦点后不会自动清空选中的日期。要清空选中的日期，您可以通过重置`value`属性来实现。

以下是一个示例代码：

<template>
  <div>
    <el-date-picker
      v-model="date"
      @blur="handleBlur"
    ></el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: '', // 存储选中的日期
    };
  },
  methods: {
    handleBlur() {
      if (!this.date) {
        // 如果日期为空，则手动重置value属性
        this.$nextTick(() => {
          this.$refs.datePicker.picker.value = '';
        });
      }
    }
  }
};
</script>

在上述示例中，我们使用`v-model`指令将日期值绑定到`date`属性。当`el-date-picker`失去焦点时，我们通过`@blur`事件调用`handleBlur`方法。在`handleBlur`方法中，我们检查日期是否为空，如果为空则手动将`value`属性重置为空字符串。请注意，我们使用了`$refs`来获取到`el-date-picker`实例，并通过`.picker.value`来访问日期选择器的值。

希望这可以帮助到您！如果还有其他问题，请随时提问。