element 表单关闭时清除数据

在Element UI表单组件中，当你想要在用户关闭或提交表单之前自动清空输入的数据，你可以利用`@blur`或`@reset`事件。这里有两个常用的方法：

1. **@blur** 事件：当字段失去焦点时触发。可以在这个事件处理函数中手动清空表单字段。

<el-form @blur="clearForm">
  <!-- form fields -->
</el-form>

<script>
export default {
  methods: {
    clearForm(field) {
      field.value = '';
      // 如果你想清除整个表单的数据
      this.form = {};
    }
  }
}
</script>

2. **@reset** 或 `v-model.lazy` 结合：`@reset` 会在点击“重置”按钮或默认的表单清理操作时触发。如果你使用 `v-model.lazy` 来延迟数据绑定，可以确保在表单重置时才实际清除值。

<el-form v-model.lazy="form" @reset="clearForm">
  <!-- form fields -->
</el-form>

<script>
export default {
  data() {
    return { form: {} };
  },
  methods: {
    clearForm() {
      this.form = {};
    }
  }
}
</script>

这两种方式都能帮助你在表单关闭前清除数据。如果需要更复杂的清除策略，可以根据业务需求自定义。