纵观Element UIde input输入框组件(el-input组件),都没有发现可以给输入框添加的回车键监听事件,因为Element UI对其做了进一步封装,对比原生HTML的input标签的监听键盘(回车键)事件:
// 回车提交表单
document.onkeydown = function (e) {
// 兼容FF和IE和Opera
var theEvent = window.event || e;
var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
if (code == 13) {
console.log('这是ASCII码为13的按键:回车键的监听事件。同理,别的按键监听只需更换这个按键对应的ASCII码值即可。')
}
}
Vue 组件中添加:
<el-form @keyup.enter="submitForm()" />
阅读更多内容可以查看: