1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > element ui中el-input绑定回车事件后 点击回车后会刷新页面

element ui中el-input绑定回车事件后 点击回车后会刷新页面

时间:2023-02-18 15:05:18

相关推荐

element ui中el-input绑定回车事件后 点击回车后会刷新页面

出现这个问题的原因是:当el-form表单中只显示出来一个el-input 时会触发表单的提交事件所以会出现这个问题!

解决方法就是给:el-form添加@submit.native.prevent 就可以阻止表单提交行为!

如下:

<el-form@submit.native.prevent :model="numberValidateForm" ref="numberValidateForm" label-width="100px" class="demo-ruleForm"><el-form-itemlabel="年龄"prop="age":rules="[{ required: true, message: '年龄不能为空'},{ type: 'number', message: '年龄必须为数字值'}]"><el-input v-model.number="numberValidateForm.age" autocomplete="off"></el-input></el-form-item><el-form-item><el-button type="primary" @click="submitForm('numberValidateForm')">提交</el-button><el-button @click="resetForm('numberValidateForm')">重置</el-button></el-form-item></el-form>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。