Vuejs - 如何在简单的输入类型文本上删除事件 onPressKey

Question

我有一个简单的输入类型文本，我想删除 onKeyPress 以提高性能。

我测试了许多这样的解决方案，但它不起作用。我在 chrome navigator 的性能选项卡上再次看到事件按下

mounted() {
    const doc = document.getElementById('input-simple-text')
    doc.onkeydown = null
}

// simple input
 <input  class="form-control"
         id="input-simple-text"
         type="text"
         v-model="mutableValue"
         ref="input" />

如果您有解决方案来删除此事件，谢谢

Answer 1

根据文档，您有很多可能性。其中之一是防止事件或停止其传播。 https://vuejs.org/v2/guide/events.html#Event-Modifiers

<input  class="form-control"
         id="input-simple-text"
         type="text"
         v-model="mutableValue"
         v-on:keyup="$event.preventDefault()"
         ref="input" />