javascript - 如何删除在 vue.js 中动态添加的 keydown 事件？

Question

我在 vue.js 的输入字段中添加了如下所示的 keydown 事件

<div v-for="(input, k) in inputs" :key="k">
  <v-row>
    <v-col>
      <v-text-field
        label="A"
        :counter="30"
        required
        v-model="input.A"
        color="purple darken-2"
        />
    </v-col>
    <v-col>
      <v-text-field
        :ref="'inputB' + getInputIndex"
        label="B"
        :counter="30"
        required
        v-model="input.B"
        color="purple darken-2"
        @keydown.tab="addInput"
        />
    </v-col>
  </v-row>
</div>

我想keydown在按下“tab”键时添加一个输入字段后删除事件。所以，我添加了 refs 来引用这个字段。如何删除keydown事件？

标签： javascriptvue.jsvue-componentvuetify.jsevent-listener

Answer 1

您可以使用once修饰符，例如@keydown.tab.once最多运行一次：

<v-text-field
   :ref="'inputB' + getInputIndex"
   label="B"
   :counter="30"
   required
   v-model="input.B"
   color="purple darken-2"
   @keydown.tab.once="addInput"
/>