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 {
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) => {