Vue.jsを使用してさまざまなフォームを簡単に実装できる -Vue Formulate

Post on:2020年3月11日

Vue Formulateの特徴

Vue Formulateは、Vue.jsを使用してフォームを構築する最も簡単な方法です。主な機能は、フォームとフィールドの検証、ファイルのアップロード、フォームの生成、ラベルをサポートする単一要素の入力、ヘルプテキスト、エラーメッセージ、プレースホルダーなど、さまざまなプロジェクトで使用するための包括的なドキュメントが含まれています。

単一のコンポーネントで任意のinput要素を作成。
フィールドおよびフォーム全体でv-modelバインディングを使用。
単一のオブジェクトからフォーム全体を再作成。
jsonを使用してフォームを生成。
フィールドラベル・ヘルプテキストの追加。
フォームのバリデーション機能。
バリデーションのメッセージ・ルールのカスタマイズ。
MITライセンス

Vue Formulateのデモ

Vue Formulateで実装されたさまざまなフォームをオンラインで試せます。

Live Code Examples -Vue Formulate

Vue Formulateの使い方

基本となるコードは、下記の通りです。

<FormulateInput
  v-model="value"
  type="email"
  name="email"
  label="What is your email address"
  help="Where should we contact you?"
  validation="required|email"
/>