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

问题

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

原因

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

解决办法

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

相关推荐
Hi~晴天大圣1 天前
HTML onclick用法
前端·html
!win !1 天前
前端跨标签页通信方案(上)
前端·javascript
xw51 天前
前端跨标签页通信方案(上)
前端·javascript
烛阴1 天前
Python数据可视化:从零开始教你绘制精美雷达图
前端·python
全栈前端老曹1 天前
【前端组件封装教程】第3节:Vue 3 Composition API 封装基础
前端·javascript·vue.js·vue3·组合式api·组件封装
BruceeLeee1 天前
关于vue3中使用el-upload组件上传图片后删除和预览按钮不显示的问题
vue.js
源码宝1 天前
企业项目级医院随访系统源码,患者随访管理系统,技术框架:Java+Spring boot,Vue,Ant-Design+MySQL5
java·vue.js·spring·程序·医院管理系统·随访·随访系统源码
LinXunFeng1 天前
Flutter 拖拉对比组件,换装图片前后对比必备
前端·flutter·开源
BD_Marathon1 天前
【PySpark】安装测试
前端·javascript·ajax
stu_kk1 天前
Ecology9明细表中添加操作按钮与弹窗功能技术分享
前端·oa