vue3 +elementPlus 实现回车Enter登录

本文主要是介绍vue3 +elementPlus 实现回车Enter登录，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、submit() 为登录事件，@keydown.enter="keyDown()"为用户按下enter键触发的事件

<el-button @click="submit()" @keydown.enter="keyDown()">登录</el-button>

2、keyDown（）

//点击回车键登录
const keyDown = (e) => {if (e.keyCode == 13 || e.keyCode == 100) {submit()}
}

3、在onMounted()绑定监听事件

onMounted(() => {//绑定监听事件window.addEventListener('keydown', keyDown)
});

4.在onUnmounted()绑定销毁事件

onUnmounted(() => {//销毁事件window.removeEventListener('keydown', keyDown, false)
});

这篇关于vue3 +elementPlus 实现回车Enter登录的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---