vue给多个页面加了 回车键 映射为提交保存按钮,结果在其他页面也会同样执行提交保存按钮操作
<input v-on:keyup.enter="submit">//局部 //全局 methods: { handleKeyDown(e) { let key = null; if (window.event === undefined) { key = e.keyCode; } else { key = window.event.keyCode; } if (key === 13) { //触发的事件 this.onSubmit(); } }, }, created() { window.addEventListener("keydown", this.handleKeyDown, true); //开启监听键盘按下事件 },
// 全局添加时,离开本页面时要取消监听
destroyed() { window.removeEventListener("keydown", this.handleKeyDown, true); },
我添加的是全局的,在离开页面时一定要取消监听。
参考:https://www.cnblogs.com/zjz666/p/13828322.html
不要在该奋斗的年纪选择去偷懒,只有度过一段连自己都被感动了的日子,才会变成那个最好的自己.