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://v2.vuejs.org/v2/guide/events.html#Event-修改器

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