当前位置: 首页 > news >正文

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

问题

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

原因

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

解决办法

在el-form标签内添加阻止默认提交事件,@submit.native.prevent
在这里插入图片描述

http://www.xdnf.cn/news/649675.html

相关文章:

  • API Gateway CLI 实操入门笔记(基于 LocalStack)
  • SQL注入原理及防护方案
  • 如何用 SQL 找到最受欢迎的用户?
  • 基数排序---Java版本
  • PcVue助力常熟三爱富实现FFKM后处理工艺智能化升级
  • 达梦JNI方式调用Logmnr接口调用示例
  • Node.js全局对象详解:console、process与核心功能
  • 每日Prompt:黄沙大圣
  • 将网页带格式转化为PDF
  • python网络编程
  • AI时代新词-人工智能伦理审查(AI Ethics Review)
  • Set系列集合
  • 接口测试(详解)
  • Leetcode-4 数组异或操作
  • Java 调用 HTTP 和 HTTPS 的方式详解
  • 算法打卡第七天
  • maven模块化开发
  • 设计模式-简单工厂模式
  • leetcode 93. Restore IP Addresses
  • Spring boot基础
  • Flink 窗口与时间语义速记手册
  • day021-定时任务
  • macOS烧录stm32程序初步成功
  • 海思3519V200 上基于 Qt 的 OpenCV 和 MySql 配置开发
  • Qt MinGW编译出现obj file too big问题
  • #git 储藏库意外被清空 Error: bad index – Fatal: index file corrupt
  • centos7.9使用docker-compose安装kafka
  • 2025LitCTF--Crypto--WriteUp
  • MathQ-Verify:数学问题验证的五步流水线,为大模型推理筑牢数据基石
  • 【深度学习】6. 卷积神经网络,CNN反向传播,感受野,池化变种,局部连接机制,可视化实例