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

<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