Vue3 TS Element Plus 表单重置：提交后清空数据

您可以在提交表单后，通过重置表单的方式来清空之前填写的内容。具体操作如下：

在 PushPlanView.vue 中，给表单添加 ref 属性，以便在父组件中可以访问到表单实例：

<template>
  <el-form ref='form' :model='formData' ...>
    <!-- 表单内容 -->
  </el-form>
</template>

在父组件中，添加一个方法来处理表单提交后的操作，并在该方法中重置表单内容：

export default {
  data() {
    return {
      add: false
    }
  },
  methods: {
    handleFormSubmitted() {
      // 处理表单提交后的操作

      // 重置表单内容
      this.$refs.form.resetFields();

      // 关闭弹窗
      this.add = false;
    }
  }
}

在 handleFormSubmitted 方法中，通过 this.$refs.form.resetFields() 来重置表单内容。然后再将 add 属性设置为 false，即可关闭弹窗。

这样，在每次表单提交后，都会将表单内容重置为初始状态。