element+vue表单点击回车路由刷新
2019-01-21 16:35
1516 查看
项目场景:element+vue 后台管理系统
今天使用elementUI的表单添加数据出现,点击回车键,页面自动刷新,并且在原路由里面加了一个?,解决办法如下:
<el-form :inline="true" @submit.native.prevent>
</el-form>
el-from 加上 @submit.native.prevent
具体是参考element-ui文档解决的
W3C 标准中有如下规定:
When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.
即:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在 标签上添加 @submit.native.prevent。
原文:https://blog.csdn.net/qq_32340877/article/details/80272155
相关文章推荐
- vue-router 如何在当前路由下重新点击当前路由的router-link实现刷新
- vue+element 键盘回车事件导致页面刷新的问题
- 解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法
- vue-router 如何在当前路由下重新点击当前路由的router-link实现刷新 组件重新渲染
- vue element dialog弹框 表单 编辑后再点击新增 表单无法重置问题
- 解决vue+element 键盘回车事件导致页面刷新的问题
- 解决vue 路由变化页面数据不刷新的问题
- vue路由前进刷新后退不刷新
- vue-router 与 elementUI导航栏 配合实现路由设置小技巧
- 回车键提交表单(点击按钮)
- 使用vue.js路由踩到的一个坑Unknown custom element
- 解决关于 vue项目中 点击按钮路由多了个问号
- vue+element极速造表单
- vue刷新当前路由 router-view中的内容(pc端+手机端)
- 如何点击按钮提交表单后刷新上级窗口
- Tree组件使用指南之二:点击树节点刷新表单
- vue刷新当前路由:router-view 复用组件时不刷新的3种解决方案总结
- element-ui vue表单验证踩坑
- vue-element-admin-master二级路由三级菜单显示的改进
- Vue--关于点击当前路由,视图无法更新的解决方案