您现在的位置是: 首页 > 前端开发 Vue 监听回车 el-input 和 input 使用方法不同
Vue 监听回车 el-input 和 input 使用方法不同
2020-09-11 【前端开发】 2786人已围观 5006次浏览
简介Vue 监听回车 el-input 和 input 使用方法不同
在Vue项目中,经常会涉及到需要对某个输入框进行回车按键的监听,比如搜索框,输入完成后回车立即触发搜索事件
在普通 js 项目中,通常是这样使用的
document.onkeydown = function (e) { // 回车提交表单
var theEvent = window.event || e;
var code = theEvent.keyCode || theEvent.which;
if (code === 13) {
// 执行操作
}
};
但在 Vue 项目中,就不用这么麻烦,只需要注意下 el-input 和 input 输入框使用的方法不同即可,比如
input
<input class="input" v-model="strSearch" @keydown.enter="btnSearch">
el-input
<el-input v-model="strSearch" @keydown.enter.native="btnSearch">
el-input 相比较 input ,在 @keydown.enter 后面要多一个 native ,否则 el-input 是无法监听回车按键的
很赞哦! (0)
点击排行
- Error in execution; nested exception is io.lettuce.core.RedisCommandExecutionException: ERR DISABLE You can't write or read against a disable instance
- Debian apt 使用国内镜像
- RocketMQ 出现 sendDefaultImpl call timeout 问题
- 类 BASE64Decoder 程序包 sun.misc 找不到符号
- SpringBoot @NotBlank 不生效问题
- 记一次 Mybatis-Plus 自动填充无效问题解决
- SpringBoot 2.x 文件上传出现 The field file exceeds its maximum permitted size of 1048576 bytes
- nuxt 项目完整部署方案
站长推荐
猜你喜欢
- Mac禁用Adobe Creative Cloud自启状态栏
- springboot引入mybatis-plus后出现ClassNotFoundException: org.mybatis.logging.LoggerFactory
- Vue 报错 Avoid using non-primitive value as key, use string/number value instead
- Win10 安装适用于Linux的Windows子系统
- PHP 在执行 composer install 时出现提示 PHP Fatal error: Allowed memory size of XXXXXX bytes exhausted <...>
- Linux 服务器之间传输大文件(压缩文件、查看MD5、后台传输)
- 记一次Java MessageFormat.format踩坑
- SqlServer字符串处理
- SpringBoot 定时任务 多线程
- gulp3 在 node12 上运行出现异常 primordials is not defined