VueElementUI

表单中存在输入框回车提交表单

只需要在 el-form 中加上@keyup.enter.native=”submit()”就行了

1
2
3
4
5
<el-form ref="form" label-width="80px" @keyup.enter.native="submit()">
<el-form-item label="姓名"></el-form-item>
<el-form-item label="学号"></el-form-item>
<el-form-item label="性别"></el-form-item>
</el-form>

label-width=”80px” 表单域标签的宽度,作为 Form 直接子元素的 form-item 会继承该值

表单的自动填充

1
2
<!-- autocomplete 属性规定表单是否应该启用自动填充功能 -->
<el-input autocomplete="off"></el-input>