成功 解决 @keyup.enter=“search()“ 在el-input 组件中不生效的问题

简介: 这篇文章讨论了在Vue 3中使用Element UI的`el-input`组件时,`@keyup.enter="search()"`事件绑定不生效的问题,并提供了通过使用`.native`修饰符来解决这个问题的方法。

1、问题描述

在输入框中、输入内容、点击回车。没有效果
在这里插入图片描述
问题代码
在这里插入图片描述

2、问题解决思路

查看官网的解释说明:

要使用.native修饰符
在这里插入图片描述

3、问题解决

修改后的代码
在这里插入图片描述

修改后的效果
在这里插入图片描述

相关文章
|
7月前
input type="button"和button的区别
input type="button"和button的区别
Element-UI中el-input输入值不显示
Element-UI中el-input输入值不显示
421 0
不使用el-form仅仅单独给el-input设置表单校验
不使用el-form仅仅单独给el-input设置表单校验
460 0
|
JavaScript
Element el-check 多选框详解
本文目录 1. 用途 2. 普通多选框 3. 带边框的多选框 4. 多选框组 5. 按钮样式的多选框组 6. 多选框组选中数量限制 7. 选项通过变量自动生成 8. 小结
977 0
Element el-check 多选框详解
HTML中<button />和<input type=“button“/>的区别
HTML中<button />和<input type=“button“/>的区别
125 0
el-input 使用 回车键会刷新页面的问题
el-input 使用 回车键会刷新页面的问题
616 0