在我的Vue.js
应用程序中,我使用Buefy
库的taginput元素。我想在输入中添加验证。仅输入数字,不能输入字母。我尝试了下一个代码,但不幸的是它没有用。如何解决此问题?
<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()
}
}
答案 0 :(得分:1)
您可以通过使用默认功能检查输入来以简单的方式完成此操作,如下所示 模板
<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+$/);
},
下面是作为演示的codepen链接 https://codepen.io/anon/pen/wNooaY?editors=1010