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

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

1、问题描述

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

2、问题解决思路

查看官网的解释说明:

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

3、问题解决

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

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

相关文章
|
11月前
checkbox click和change事件
checkbox click和change事件
|
4月前
|
JavaScript
如何解决ElementUI中的el-tab-pane组件使用v-show不生效的问题?
如何解决ElementUI中的el-tab-pane组件使用v-show不生效的问题?
209 3
input中placeholder的鼠标操作事件
input中placeholder的鼠标操作事件
66 0
|
5月前
input type="button"和button的区别
input type="button"和button的区别
|
11月前
el-input点击事件
el-input点击事件
175 1
|
11月前
element中el-input组件事件
element中el-input组件事件
108 1
|
11月前
el-input-number阻止外层button的冒泡
el-input-number阻止外层button的冒泡
115 0
|
11月前
Element-UI中el-input输入值不显示
Element-UI中el-input输入值不显示
320 0
不使用el-form仅仅单独给el-input设置表单校验
不使用el-form仅仅单独给el-input设置表单校验
370 0
|
JavaScript
Element el-check 多选框详解
本文目录 1. 用途 2. 普通多选框 3. 带边框的多选框 4. 多选框组 5. 按钮样式的多选框组 6. 多选框组选中数量限制 7. 选项通过变量自动生成 8. 小结
951 0
Element el-check 多选框详解