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

问题

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

原因

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

解决办法

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

相关推荐
广州华水科技8 分钟前
单北斗GNSS在水库变形监测中的应用与系统安装解析
前端
xingpanvip22 分钟前
星盘接口开发文档:组合三限盘接口指南
android·开发语言·前端·python·php·lua
阿拉丁的梦32 分钟前
blender最好的多通道吸色工具(拾取纹理颜色排除灯光)
前端·html
吴声子夜歌33 分钟前
Vue3——脚手架Vite
前端·javascript·vue.js·vite
摘星编程35 分钟前
当AI开始学会“使用工具“——从ReAct到MCP,大模型如何获得真正的行动力
前端·人工智能·react.js
light blue bird42 分钟前
设备数据变化上传图表数据汇总组件
大数据·前端·信息可视化
2501_918126911 小时前
开源祭祖网页index
前端·开源·html
傻瓜搬砖人1 小时前
SpringMVC的请求
java·前端·javascript·spring
爱上好庆祝2 小时前
学习js的第六天(js基础的结束)
开发语言·前端·javascript·学习·ecmascript
rADu REME2 小时前
SpringBoot + vue 管理系统
vue.js·spring boot·后端