element-plus在dialog組件里面嵌套表單，點擊右上角清空不了表單驗證的問題

    <el-dialog :close-on-click-modal="false"
      v-model="dialogFormVisible"
      :width="500"
      :before-close="handleClose"
      title="新增標簽類別">
      <el-form ref="ruleFormRef" :model="form" label-width="120" :rules="rules">
        <el-form-item label="類別名稱" prop="name">
          <el-input v-model="form.name" autocomplete="off" style="width: 412px"/>
        </el-form-item>
      </el-form>
      <template #footer>
        <span>
          <el-button @click="closeFrom(ruleFormRef)">取消</el-button>
          <el-button type="primary" @click="submitForm(ruleFormRef)"
            >確定</el-button
          >
        </span>
      </template>
    </el-dialog>

// 因為在dialog關閉是拿不到表單標記的元素，不能直接使用官網中resetFields方法
// 先拿到表單標記ruleFormRef
// 在使用
import type { FormInstance } from 'element-plus'
const ruleFormRef = ref<FormInstance>()

ruleFormRef.value.resetFields()