Javascript 如何向taginput元素添加验证？

在我的

Vue.js

应用程序中，我使用

Buefy

库的元素。我想向输入添加验证。使其只能输入数字，不能输入字母。我尝试了下一个代码，但不幸的是它没有工作。如何解决这个问题

<b-taginput v-model="tags" type="is-warning" @keypress='onlyNumberValidation'>
</b-taginput>

onlyNumberValidation ($event) {
    let keyCode = ($event.keyCode ? $event.keyCode : $event.which)
    if ((keyCode < 48 || keyCode > 57) && keyCode !== 46) {
        $event.preventDefault()
    }
}

onlyNumberValidation（$event）{
让keyCode=（$event.keyCode？$event.keyCode:$event.which）
如果（（键码<48 | |键码>57）&&keyCode！==46）{
$event.preventDefault（）
}
}

您可以通过使用如下所示的默认功能检查输入，以简单的方式完成此操作 模板

下面是代码笔链接作为演示

---

你好！我有几个问题。现在我使用

：在添加

属性之前，我的

添加之前

函数有下一个代码：

添加之前（标记）{return tag.length==this.inputMaxLength}

我如何才能正确添加代码？真的不可能让我写封信吗？这使您的解决方案能够在输入中添加字母。这不是我想要的。您可以使用&&condition as->return tag.match（/^\d+$/）和&tag.length===this.inputMaxLength；

<div id="app" class="container">

    <section>
        <b-field label="Tags with 3 characters">
            <b-taginput
v-model="tags"

:before-adding="beforeAdding">
            </b-taginput>
        </b-field>
    </section>

</div>

beforeAdding(tag) {
            return tag.match(/^\d+$/);
        },