美文网首页
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