vue中多个input绑定enter按键事件

0 0

–>

默认再每个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
本文来源互联网收集，文章内容系作者个人观点，不代表本站对观点赞同或支持。如需转载，请注明文章来源,如您发现有涉嫌抄袭侵权的内容，请联系本站核实处理。