博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue中多个input绑定enter按键事件
阅读量:6225 次
发布时间:2019-06-21

本文共 676 字,大约阅读时间需要 2 分钟。

默认再每个input上加 keyup.enter 是可以绑定事件的 可是多个input一起绑定同一个事件就比较麻烦 所以就在vue dom里面遍历查找并绑定事件

let handleEnter = (obj, handle) => {    if(!obj){        return;    }    if (!obj.$options) {        return;    }    //因为使用的是iView的组件 所以判断绑定的是Input 和 handleEnter     //如果使用默认的input 则是判断 INPUT 和 keyup    if (obj.$options._componentTag == "Input") {        obj.handleEnter = handle;        return;    }    //如果使用默认的input 这里遍历的是obj.$el.children    if (obj.$children.length == 0) {        return;    }    obj.$children.map(item => {      handleEnter(item, handle);    })}

  这里需要区分的是组件或者是input标签 因为我只使用了组件Input所以没有区分 如果使用的是input则是跟普通DOM一样遍历 后面不做赘述

  

转载于:https://www.cnblogs.com/1zero1/p/8435903.html

你可能感兴趣的文章
三个c#入门小程序
查看>>
docker中使用systemd
查看>>
[模拟电路] 1、模拟调制、解调电路原理
查看>>
Android Nine Patch图片及按钮背景
查看>>
在.NET中调用Oracle9i存储过程经验总结
查看>>
Eclipse崩溃后无法启动的问题解决
查看>>
Android Studio git ignore
查看>>
springmvc
查看>>
22.2. 用户认证
查看>>
1.7. User interfaces
查看>>
阿里Druid数据连接池在SSM框架中的配置使用
查看>>
基于Metronic的Bootstrap开发框架经验总结(17)-- 使用 summernote插件实现HTML文档的编辑和图片插入操作...
查看>>
Linux虚拟主机通过程序实现二级域名绑定到子目录
查看>>
7.12. cvs diff
查看>>
Android酷炫实用的开源框架(UI框架)
查看>>
Winform开发框架之对话框样式同化
查看>>
一脸懵逼学习Linux的Shell编程
查看>>
Jmeter调试工具---Debug Sampler
查看>>
[裴礼文数学分析中的典型问题与方法习题参考解答]4.5.14
查看>>
impdp的TABLE_EXISTS_ACTION参数选项
查看>>