小编Ton*_*ony的帖子

我在输入组件上有两个事件侦听器（@input 和 @keyup.delete）。我使用 @input 侦听器来检测按键并相应地处理它们的使用情况，同时我还想检测用户何时点击删除或退格按钮，以便我可以更改 pin 字段中的索引。

基本输入字段.vue

<template>
  <div>
    ...
    <input
      ...
        :value="value"
        @keyup.delete="$emit('delete-or-backspace-key-pressed')"
        @input="$emit('input', $event.target.value)"
       ...
    />
     ...
  </div>
</template>

父容器.vue

<BaseInputField
  ...
    @input="handleInput"
    @delete-or-backspace-key-pressed="handleDeletion"
  ...
/>

问题是按del或backspace按钮也会触发该@input事件，并且它扰乱了我的实现。

我希望能够在不使用 的情况下防止这种行为Keycodes，因为根据 Vue 文档，它们已被弃用，并且可能无法在较新的浏览器中使用。