javascript - Vuetify - 第一个按键事件值始终为空字符串

Question

我希望用户不能插入大于 100 的数字。

下面的摘录是一个简化的生产代码。出于某种我还不明白的原因，第一次按键总是返回一个空字符串。

如果您要101输入输入，则event.target.value值为01。

我怎样才能解决这个问题？

<v-text-field
    type="number"
    @keypress="formatNumber($event)"
>
</v-text-field>

formatNumber(event) {
    console.log(event.target.value); // first keypress returns empty string

    if (event.target.value  > 100) {
        event.target.value = null;
    }
}

标签： javascriptvue.jsvuejs2vuetify.js

Answer 1

更改keypress为keyup正确调用该函数