From 1eb5542ca68c3996f71ffdf315d92674e255ac53 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=B1=B3=E9=A5=AD?= <100103431@qq.com>
Date: Wed, 10 Apr 2024 13:22:02 +0000
Subject: [PATCH] =?UTF-8?q?update=20docs/front/formComponent.md.=20MaForm?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E8=BF=94=E5=9B=9E=E7=9A=84=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E6=98=AF=20submit=20const=20formSubmit=20=3D=20async=20()=20?=
 =?UTF-8?q?=3D>=20{=20=20=20await=20validateForm()=20=20=20emit('submit',?=
 =?UTF-8?q?=20form.value,=20done)=20}?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 米饭 <100103431@qq.com>
---
 docs/front/formComponent.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/docs/front/formComponent.md b/docs/front/formComponent.md
index 3b7724a..8dab13c 100644
--- a/docs/front/formComponent.md
+++ b/docs/front/formComponent.md
@@ -60,7 +60,7 @@ const columnsOptions = reactive([
 
 ## 提交数据
 :::tip
-提交数据只需要在 `ma-form` 组件上加上 `@onSubmit` 事件，就可以自行处理提交后端业务逻辑了。
+提交数据只需要在 `ma-form` 组件上加上 `@submit` 事件，就可以自行处理提交后端业务逻辑了。
 
 定义提交方法，组件会传入两个参数：
 - data 表单数据，经过表单验证的数据
@@ -68,8 +68,8 @@ const columnsOptions = reactive([
 :::
 ```html
 <template>
-    <!-- 使用 ma-crud 组件，加入提交事件 @onSubmit -->
-    <ma-form v-model="form" :columns="columnsOptions" ref="crudForm" @onSubmit="handlerSubmit" />
+    <!-- 使用 ma-crud 组件，加入提交事件 @submit -->
+    <ma-form v-model="form" :columns="columnsOptions" ref="crudForm" @submit="handlerSubmit" />
 </template>
 
 <script setup>
@@ -613,7 +613,7 @@ onMounted(() => {
 ```html
 <template>
     <!-- 使用 ma-form 组件 -->
-    <ma-form v-model="form" :columns="columnsOptions" ref="crudForm" @onSubmit="handlerSubmit" />
+    <ma-form v-model="form" :columns="columnsOptions" ref="crudForm" @submit="handlerSubmit" />
         <template #form-username>
             <a-input v-model="form['username']" placeholder="请输入用户名" />
         </template>
@@ -631,7 +631,7 @@ onMounted(() => {
 ```html
 <template>
     <!-- 使用 ma-form 组件 -->
-    <ma-form v-model="form" :columns="columnsOptions" ref="crudForm" @onSubmit="handlerSubmit" />
+    <ma-form v-model="form" :columns="columnsOptions" ref="crudForm" @submit="handlerSubmit" />
         <template #formBeforeButtons>
             <a-button>前置按钮</a-button>
         </template>
@@ -649,7 +649,7 @@ onMounted(() => {
 ```html
 <template>
     <!-- 使用 ma-form 组件 -->
-    <ma-form v-model="form" :columns="columnsOptions" ref="crudForm" @onSubmit="handlerSubmit" />
+    <ma-form v-model="form" :columns="columnsOptions" ref="crudForm" @submit="handlerSubmit" />
         <template #formAfterButtons>
             <a-button>后置按钮</a-button>
         </template>
@@ -670,7 +670,7 @@ onMounted(() => {
 ```html
 <template>
     <!-- 使用 ma-form 组件 -->
-    <ma-form v-model="form" :columns="columnsOptions" ref="crudForm" @onSubmit="handlerSubmit" />
+    <ma-form v-model="form" :columns="columnsOptions" ref="crudForm" @submit="handlerSubmit" />
         <template #formButtons>
             <a-button>按钮1</a-button>
             <a-button>按钮2</a-button>
-- 
Gitee