Эх сурвалжийг харах

Form(doc): fix submit event

qingwei.li 8 жил өмнө
parent
commit
b5bf77fe3d

+ 8 - 8
examples/docs/zh-cn/form.md

@@ -13,7 +13,7 @@
             } else {
               callback();
             }
-          } 
+          }
         }, 1000);
       };
       var validaePass = (rule, value, callback) => {
@@ -266,7 +266,7 @@
       .el-textarea {
         width: auto;
       }
-      
+
       .el-select .el-input {
         width: 360px;
       }
@@ -295,7 +295,7 @@
 
 ::: demo 在 Form 组件中,每一个表单域由一个 Form-Item 组件构成,表单域中可以放置各种类型的表单控件,包括 Input、Select、Checkbox、Radio、Switch、DatePicker、TimePicker
 ```html
-<el-form ref="form" :model="form" label-width="80px" @submit.prevent="onSubmit">
+<el-form ref="form" :model="form" label-width="80px" @submit.native.prevent="onSubmit">
   <el-form-item label="活动名称">
     <el-input v-model="form.name"></el-input>
   </el-form-item>
@@ -335,7 +335,7 @@
     <el-input type="textarea" v-model="form.desc"></el-input>
   </el-form-item>
   <el-form-item>
-    <el-button type="primary">立即创建</el-button>
+    <el-button type="primary" native-type="submit">立即创建</el-button>
     <el-button @click.native.prevent>取消</el-button>
   </el-form-item>
 </el-form>
@@ -371,7 +371,7 @@
 
 ::: demo Form 组件的 `type` 属性可以控制表单的类型,当设为 `inline` 时可以让表单域变为行内的表单域
 ```html
-<el-form :inline="true" :model="formInline" @submit.prevent="onSubmit" class="demo-form-inline">
+<el-form :inline="true" :model="formInline" @submit.native.prevent="onSubmit" class="demo-form-inline">
   <el-form-item>
     <el-input v-model="formInline.user" placeholder="审批人"></el-input>
   </el-form-item><el-form-item>
@@ -380,7 +380,7 @@
       <el-option label="区域二" value="beijing"></el-option>
     </el-select>
   </el-form-item><el-form-item>
-    <el-button type="primary">查询</el-button>
+    <el-button native-type="submit" type="primary">查询</el-button>
   </el-form-item>
 </el-form>
 <script>
@@ -473,7 +473,7 @@
 
 ::: demo 通过设置 `label-position` 属性可以改变表单域标签的位置,可选值为 `top`、`left`,当设为 `left` 时标签会变为左对齐
 ```html
-<el-form :model="formAlignLeft" label-position="left" @submit.prevent="onSubmit" label-width="80px">
+<el-form :model="formAlignLeft" label-position="left" @submit.native.prevent="onSubmit" label-width="80px">
   <el-form-item label="活动名称">
     <el-input v-model="formAlignLeft.name"></el-input>
   </el-form-item>
@@ -647,7 +647,7 @@
             } else {
               callback();
             }
-          } 
+          }
         }, 1000);
       };
       var validaePass = (rule, value, callback) => {