Taginput

公式ドキュメント ¹⁾

input の中にタグを格納できる
複数個数を管理する際に便利
- 「区切り文字でエラー」のような初歩的な問題を回避できる
データに基づいたオートコンプリートも可能
~~VeeValidate は効かない~~ VeeValidate も効きました
- 消した直後に処理が走らないだけで、フォーカス離れた時やフォーム送信時などにバリデーションが働く
  - 少しタイミングが特殊なことには違いないので、使用する際は後述の before-adding も併せて検討した方がよさそう
- ~~代わりに before-adding で、タグ追加前の処理を追加する~~ タグ追加前の処理もできる
- タグ追加前の処理が非同期だとうまくいかないことがある
  - 対象を Watch で監視し、その都度バリデーションをかけるしかなさそう

¹⁾

『Taginput』, Buefy, https://buefy.org/documentation/taginput/, 2021-08-23