input表单按下回车刷新页面的解决方案

最新推荐文章于 2024-11-15 17:16:31 发布

爬楼梯的小新

最新推荐文章于 2024-11-15 17:16:31 发布

阅读量1.2k

点赞数 2

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_57607714/article/details/126768504

版权

JavaScript 专栏收录该内容

86 篇文章 4 订阅

订阅专栏

点击回车之后刷新页面

原因是如果表单中只有一个input 则按下回车会直接关闭表单所以导致刷新页面

解决方法：再给一个input 表单将其设置style="display:none"

 <el-input 
     v-model="queryParams.nickName" 
     placeholder="请输入用户名称"
     clearable
     style="display:none"
     @keyup.enter.native="handleQuery"
     style="width: 240px">
   <el-button slot="append" icon="el-icon-search" @click.native="handleQuery"></el-button>
  </el-input>