Vue.js-如何删除简单输入类型文本上的事件onPressKey

问题描述

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

我测试了许多这样的解决方案，因为它不起作用。我再次在chrome导航器的“性能”选项卡上看到事件新闻

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" />

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

解决方法

根据文档，您有很多可能性。其中之一是防止事件或停止事件的传播。 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" />