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

この記事では、デフォルトの送信ボタンを非表示、作成フォームを変更する方法について説明します

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

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

 

デフォルトボタンを非表示にします

まず、デフォルトでは、ボタンやグローバルコンフィギュレーションを設定することで、隠されたリセットボタンを提出します

{ 
  submitBtn：偽、
  resetBtn：偽
}

 

カスタムボタンアセンブリを生成します

例で使用されているElementUI

[ 
    { 
        タイプ： '入力' 、
        フィールド： 'フィールド1' 、
        タイトル： '試験' 、
        値： 'テスト送信' 、
        COL：{ 
            スパン： 6 
        } 

    }、
    { 
        タイプ： 'エル・ボタン' 、
        オン：{ 
            クリック：関数（）{
                 // TODO提交表单
                $ f.submit（）;
                // 或者
                $ f.resetFields（）; 
            } 
        }、 
        COL：{
            スパン： 3は、
            プッシュ： 1 
        }、
        子どもたちは：[ '提出します' ] 

    } 
]

 

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

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

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

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