关于vue结合elementUI输入框回车刷新问题

问题

vue2项目结合elementUI,使用el-form表单时,第一次打开浏览器url辞职,并且是第一次打开带有这个表单的页面时,输入框输入内容,回车后会意外触发页面自动刷新

原因

当前 el-form 表单只有一个输入框,触发了elementUI表单的自动提交,导致页面自动刷新。

解决办法

在el-form标签内添加阻止默认提交事件,@submit.native.prevent

相关推荐
唐人街都是苦瓜脸25 分钟前
uni-app 提供的页面跳转方法详细解释及其区别
前端·uni-app
咔咔库奇39 分钟前
性能优化深度实践:突破vue应用性能
前端·vue.js·性能优化
stubborn丶lili1 小时前
Vite打包优化实践:从分包到性能提升
vue.js
编程乐学(Arfan开发工程师)1 小时前
28、请求处理-【源码分析】-请求映射原理
java·前端·spring boot·后端·spring
咔咔库奇2 小时前
前端开源JavaScrip库
前端·开源
_r0bin_2 小时前
前端面试准备2
前端·html
白皎2 小时前
立志成为一名优秀测试开发工程师(第九天)——使用fiddler工具、request库进行接口测试
前端·python·fiddler
saadiya~2 小时前
Vue3 + Element Plus 实现树形结构的“单选 + 只选叶子节点 + 默认选中第一个子节点”
前端·javascript·vue.js
方圆工作室2 小时前
HTML5 Canvas 星空战机游戏开发全解析
前端·html·html5
正函数2 小时前
HTML5有那些更新
前端·html·html5