github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge pull request #749 from QingWei-Li/fix/form-doc 

Form(doc): fix submit event
pull/754/head
baiyaaaaa 2016-10-31 16:18:37 +08:00 committed by GitHub
parent 16439a4502 b5bf77fe3d
commit 6aa46cac20
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
examples/docs/zh-cn/form.md
View File

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