问题:在vue中同时绑定了keyup和blur事件,用于完成input输入,但blur后触发一次事件,按下enter却触发两次;
原因:按下enter也算是失焦了,所以会先执行keyup.enter,再执行blur,这样就造成了方法执行了两次
解决方案:
<input type="text" v-model="scope.row.num" @keyup.enter="handEnter" @blur="stepTwoUpGoodsNumBtn(scope.row, this)">
methods:{
// 按下回车的时候让他执行blur
handEnter(event){
event.target.blur();
},
stepTwoUpGoodsNumBtn(){
// 业务代码
}
}
end~~~
如有错误或观点不一致的请评论留言共同讨论,本人前端小白一枚,根据自己实际项目遇到的问题进行总结分享,谢谢大家的阅读!