v-combobox 正規表現 バリデーション

updated Oct 4, 2021created Oct 4, 2021
js
<template> <v-combobox v-model="items" multiple small-chips @input="InputRules" :error-messages="errorMessage" ></v-combobox> </template> <script> export default { data() { return { items: [], errorMessage: "", }; }, methods: { InputRules(e) { const lastElement = e.slice(-1)[0] // 半角英数字のみ if (!/^[0-9a-zA-Z]*$/.test(lastElement)) { this.items.pop(); // 要素の削除 this.errorMessage = "半角英数字のみにしてください" } else { this.errorMessage = "" } }, }, }; </script>

v-combobox API — Vuetify

Chip component — Vuetify