Element plus中el-input 框回车触发页面刷新问题及解决方案

• 前端

elementUi中input组件回车触发页面刷新问题及解决方案

技术：vue3+element plus的UI框架

今天做了一个小小的功能，就是基于elementUi框架的一个输入框，需要监听输入框的回车事件，然后调取接口。

代码如下：

 
      
        
      
      
        确定

在输入框回车后会刷新页面，查询的原因如下

在这里插入图片描述

在这里插入图片描述

解决方案：

在el-form里加上@submit.prevent ，

input输入框里可以使用@keyup.enter监听回车事件

 
      
        
      
      
        确定

回车后截图如下

在这里插入图片描述

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/ac126fa687.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐