输入框绑定监听方法
<input @keydown.enter="(e) => keyDown(e, submitForm)"/>
<el-input @keydown.enter.native="(e) => keyDown(e, submitForm)"></el-input>
注意:
这边使用到了(e) => keyDown(e, submitForm) 可以将自带参数传给后面要调用的方法里,
如果直接使用keyDown默认会有e回车事件,但是如果使用keyDown(submitForm),则方法里就收不到回车事件所以需要使用上述写法
监听方法
// e回车事件 fun需要调用的方法
keyDown (e, fun) {
fun()
},
// 需要调用的方法
submitForm () {}
回车键e.keyCode === 13
还有种通用的方法就是全局监听监听keyup事件
document.addEventListener("keyup", 执行方法);
这边注意因为是全局监听,所以离开页面时需要及时清理监听