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

问题

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

原因

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

解决办法

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

相关推荐
一 乐10 分钟前
游戏账号交易|基于Springboot+vue的游戏账号交易系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端·游戏
西洼工作室13 分钟前
前端自制设备模拟器模拟不同终端展示效果
前端·css3·js·响应式开发
ByteCraze17 分钟前
面向Nodejs开发人员MCP快速入门
前端·node.js·agent·mcp
chéng ௹17 分钟前
前端转编码(encodeURIComponent)以及解码(decodeURIComponent)
开发语言·前端·javascript
温轻舟27 分钟前
禁毒路上,任重道远 | HTML页面
开发语言·前端·javascript·css·html·温轻舟
likuolei1 小时前
XSL-FO 列表
前端·数据库
shaohaoyongchuang1 小时前
vue_03路由
前端·javascript·vue.js
我叫张小白。1 小时前
Vue3计算属性:高效数据处理
前端·javascript·vue.js·前端框架·vue
e***74951 小时前
【JavaEE】Spring Web MVC
前端·spring·java-ee
AntBlack1 小时前
Z-Image 发布了 ,赶紧体验了一把(配套 Modal执行脚本)
前端·后端·aigc