开发者社区彭世瑜的博客文章正文

Vue.js：el-input按下回车键会刷新页面的问题

2022-09-14 340

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： Vue.js：el-input按下回车键会刷新页面的问题

当form表单中只有一个input时，按下回车建会自动触发页面的提交功能，产生刷新页面的行为

<el-input v-model="value"
  @keyup.enter.native="handleEnter"/>

需要在el-form 中阻止表单的默认提交行为

<el-form @submit.native.prevent>
  <el-input v-model="value"
  @keyup.enter.native="handleEnter"/>
</el-form>

文章标签：

JavaScript

码农技术君

破浪前进

3天前

JavaScript 前端开发数据安全/隐私保护

vue element plus Input 输入框

破浪前进

65 0 0

coypdkduljqgk

前端开发

Vue3输入框focus失效

Vue3引入elementplus的输入框el-input，如果想在鼠标点击即搜索框获得焦点后发生变化，那就得用到css的:focus选择器

coypdkduljqgk

384 1 1

哈你真皮

vue+element Form键盘回车事件页面刷新解决

问题描述：如下代码所示，使用element-ui 中的el-form组件对table进行条件查询，当查询条件仅有一项时，使用@keyup.

哈你真皮

1489 0 0

风与烈酒

3天前

JavaScript 前端开发

JS实现键盘事件（回车）的登录

风与烈酒

9 0 0

xiaohua616

3天前

JavaScript

vue element ui 打开弹窗出现黑框问题

xiaohua616

21 1 1

fruge365

3天前

JavaScript

【vue】 vue2 点击按钮获取按钮上的值

fruge365

14 0 0

雷霆半月斩掉你的板砖

3天前

vue3 +elementPlus 实现回车Enter登录

雷霆半月斩掉你的板砖

23 0 0

破浪前进

3天前

JavaScript 索引

vue element plus 自动补全输入框

破浪前进

61 0 0

破浪前进

3天前

JavaScript API

vue element plus Button 按钮

破浪前进

41 0 0

GoodTime

7月前

JavaScript

vue + element-ui + vue-clipboard2 实现文字复制粘贴功能与提示

1、在所在项目下安装插件 ```js npm install vue-clipboard2 --save ``` 2、在所在项目的index.js注入vue-clipboard2 ```js import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard) ``` 3、使用 ```html <div> <el-button size="mini" type="primary" icon="el-icon-copy-document" round class="copy-btn" v-clipboard:copy="要

GoodTime

78 2 2

Vue.js：el-input按下回车键会刷新页面的问题

热门文章

最新文章

相关电子书

相关实验场景