August
17th,
2017
el-form
- 表单提交
- Form内包含一个
input时候，按Enter页面会刷新，并在url末尾添加一个?
<el-form label-width="80px" :model="form">
<el-form-item label="名称">
<el-input v-model="form.name"></el-input>
</el-form-item>
</el-form>
解决方案： 在 el-form 上 添加 @submit.prevent.native
官方的解释是: 这是浏览器的默认行为，与 Element 和 Vue 都无关
- Form 内存在一个以上的
input时，无法使用Enter提交表单
<el-form label-width="80px" :model="form">
<el-form-item label="名称">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="类型">
<el-input v-model="form.type"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="onSubmit">Submit</el-button>
</el-form-item>
</el-form>
解决方案： 设置 `el-button`的`native-type="submit"`
- Form 表单验证,
el-select中option绑定值为number时, 验证始终失败！demo
- Form 表单验证, rules中type为
number时， 只要开头为数字, 验证即可通过。。出错方式见官方demo