チュートリアルをフォーム作成：組み込みのコンポーネントおよびカスタムコンポーネントチュートリアルフォーム作成イベントを追加するには：デフォルトでは、ボタンのチュートリアルをフォームを作成し提出すると削除：組み込みコンポーネントおよびカスタムコンポーネントにイベントを追加します

この記事では、イベントを追加するための組み込みコンポーネントおよびカスタムコンポーネントを形成-作成する方法について説明します

フォームの作成  動的なレンダリング、データの収集、検証を生成し、フォームビルダ機能を提出することができますJSONを。VUEとは、任意のコンポーネントの生成をサポート。一般的に使用されるフォームコンポーネントおよびカスタムコンポーネントの内蔵の17種類と組み合わせることで、より複雑なフォームが簡単に引き出せることができます。

それはあなたを助けている場合、あなたができる  GitHubのを  支持体上に、「スター」のポイントへありがとうございました！

 

たとえば、するi-inputコンポーネントの追加on-changeイベントを

{ 
    タイプ： '入力' 、
    フィールド： 'テスト' 、
    タイトル： '試験' 、
    値： '' 、
    上：{
         'に変更'：関数（）{ 
            にconsole.log（ '値发生の变化' ）。
        } 
    } 
}

 

放射結合事象を介して、

コンポーネントモデルでのみサポート

// ルール
[{ 
     タイプ： '入力' 、
     フィールド： 'テスト' 、
     タイトル： '試験' 、
     値： '' 、
     放出：[ 'に変更' ] 
 }]

 

イベント名${field}-${eventName}

< フォーム作成：ルール=「ルール」テスト・オン・チェンジ=「のonChange」>  </ フォームの作成>

emitPrefix プレフィックスカスタムイベント

// ルール
[{ 
     タイプ： '入力' 、
     フィールド： 'テスト' 、
     タイトル： '試験' 、
     値： '' 、
     放出：[ 'に変更' ]、
     emitPrefix： 'xaboy' 、
 }]

 

イベント名${emitPrefix}-${eventName}

< フォーム作成：ルール=「ルール」xaboyオン変更=「のonChange」>  </ フォームの作成>

 

イベントに注入$fし、カスタムパラメータ

// ルール
[{ 
     タイプ： 'INPUT' 、
     フィールド： 'テスト' 、
     タイトル： '試験' 、
     値： '' 、
     EMIT：[{ 
        名： '変更-ON' 、
        注入する：[「カスタムパラメータのデータ・タイプどれでも' ] 
     }]、
     emitPrefix： ' xaboy " 、
 }]

 

< フォーム作成：ルール=「ルール」xaboyオン変更=「のonChange」>  </ フォームの作成>

 

イベントへの注入パラメータの後、イベントが追加の引数になります

// 注入されない
{ 
    のonChange：関数（ヴァル）{ 

    } 
} 
// 注射後
{ 
    のonChange：関数（注入する、ヴァル）{ 

    } 
}

 

データ構造パラメータを注入

{ 
    $ F：オブジェクト、// APIの 
    ルール：アレイ、// 生成規則の 
    オプション：オブジェクト、// グローバルコンフィギュレーション 
    を注入：どれ、// カスタムの注入パラメータ 
}

 

注入パラメータは、グローバル項目によって構成されてもよいinjectEvent:true開口

 

チュートリアルシリーズのフォーム作成します。

チュートリアルをフォーム作成：デフォルトでは、送信ボタンを削除

チュートリアルをフォームが作成：組み込みコンポーネントおよびカスタムコンポーネントにイベントを追加します

フォームの作成チュートリアル：行の複数のアセンブリを達成するためにカスタムレイアウトを