Vue3:利用vueusejs键盘绑定

VueUse

键盘事件名

• onKeyDown - 别名 onKeyStroke(key, handler, {eventName: ‘keydown’})
• onKeyPressed - 别名onKeyStroke(key, handler, {eventName: ‘keypress’})
• onKeyUp - 别名 onKeyStroke(key, handler, {eventName: ‘keyup’})

  // 绑定回车事件
  // https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values

  onKeyDown('Enter', (e) => {
    e.preventDefault();
    alert(messageContext.value);
  });