1.开启回车键监听事件
enterKeyup() {
document.addEventListener("keyup", this.enterKey);
},
2.回车键监听事件,其中 clickState 是为了避免在提交时多次提交,一般在正则校验结束后为true,当接口调用结束,不论成功还是失败都要变为false,方便下次校验
enterKey(event) {
const code = event.keyCode
if (code == 13 && !this.clickState) {
this.submitEvt();
}
}
3.移出监听
enterKeyupDestroyed() {
document.removeEventListener("keyup", this.enterKey);
},
注意:多组件使用,一定要记得移出当前的监听,否则会造成一个回车事件调用多个函数