美文网首页
iview input组件 enter和blur的2次触发事件

iview input组件 enter和blur的2次触发事件

作者: 前端girl吖 | 来源:发表于2020-05-14 14:12 被阅读0次

    场景:【iview input组件 】输入框重命名失焦或回车事件会触发提交请求

    <Input
         v-model={item.name}
         ref={`input${ind}`}
         onon-blur={() => this.handleChapterRename(item, ind)}
         onon-enter={() => this.handleChapterRename(item, ind)}/>
    

    问题:直接这么写 会存在enter时 会发出2次请求
    修改如下:

    <Input
         v-model={item.name}
         ref={`input${ind}`}
         onon-blur={() => this.handleChapterRename(item, ind)}
         //enter事件 触发失焦 
         onon-enter={(e:any)=> e.target.blur();}/>
    

    相关文章

      网友评论

          本文标题:iview input组件 enter和blur的2次触发事件

          本文链接:https://www.haomeiwen.com/subject/jfstohtx.html