vue3+element plus实现按钮回车事件

207 阅读1分钟

按钮

<n-button type="primary" @click="handleSubmit" size="large" 
:loading="loading" block @keydown.enter="keyDown">
              登录
 </n-button>

keyDown

const keyDown = (e) => {
  if (e.keyCode == 13 || e.keyCode == 100) {
    handleSubmit()
  }
}

onMounted

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

onUnmounted

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