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

默认再每个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一样遍历 后面不做赘述

  

posted @ 2018-02-09 16:06  零贰  阅读(1375)  评论(0编辑  收藏  举报