<テンプレート>
<div>
<EL-形式：モデル= "loginfrom"：ルール= "ルール" REF = "loginfrom" ラベル幅= "100pxに" クラス= "デモ-loginfrom">
<エル・フォーム・アイテム・ラベル=「账号」小道具=「ユーザ名」>
<EL-入力Vモデル= "loginfrom.username"> </ EL-入力>
</ EL-フォーム項目>
<エル・フォーム・アイテム・ラベル=「密码」小道具=「パスワード」>
<EL-入力Vモデル= "loginfrom.password"> </ EL-入力>
</ EL-フォーム項目>
<EL-フォーム項目>
<EL-ボタンタイプ= "主" @クリック= "submitForm（ 'loginfrom'）">注册</ EL-ボタン>
<EL-ボタン@クリック= "resetForm（ 'loginfrom'）">重置</ EL-ボタン>
</ EL-フォーム項目>
</ EL-形態>
</ div>
</テンプレート>
<スクリプト>
輸出のデフォルト{
データ（）{
{戻ります
loginfrom：{
ユーザ名：「管理者」、
パスワード： '123456'
}、
ルール：{
ユーザ名：[
{必須：○、メッセージ：、トリガー「口座番号を入力してください」：「ぼかしを」}、
{最小：3、最大：8、メッセージ： '文字3-8の長さ'、トリガー 'ブラー'}
]、
パスワード：[
{必須：○、メッセージ：「パスワードを入力してください」、トリガー：「ぼかし」}、
{最小：3、最大：8、メッセージ： '文字3-8の長さ'、トリガー 'ブラー'}
]、
}
}。
}、
方法：{
submitForm（formNameフォーム）{
この。$、参考文献[フォーム名] .validate（（有効）=> {
{（有効）の場合
警告（ '提出！'）;
}他{
console.log（ 'エラー提出!!'）;
falseを返します。
}
}）;
}、
resetForm（formNameフォーム）{
。この$、参考文献[フォーム名] .resetFields（）;
}
}
}
</ SCRIPT>
<スタイル>
</スタイル>