<EL-形式:モデル= "フォーム" REF = "フォーム"ラベル幅= "100pxに"> <DIV CLASS = "PADD"> <DIV CLASS = "ラベル入力"> <EL-行> <EL-COLクラス= "lbinディレクトリ行":スパン= "24"> <EL-フォーム項目ラベル= "姓名"小道具= "名前":ルール= "[{必須:○、メッセージ: '姓名输入请'、トリガー。 'ぼかし'}] "> <EL-入力V-モデル=" form.name "> </ EL-入力> </ EL-フォーム項目> </ EL-COL> <EL-COLクラス=" lbin-行」:スパン= "24"> </ EL-フォーム項目> </ EL-COL> <EL-フォーム項目ラベル= " 電話番号"プロップ= "モバイル":ルール = "[{必須:○、メッセージ: ' 電話番号を入力してください'、トリガー'ブラー'} ]"> <EL-入力Vモデル= "form.mobile"> </ EL-入力> <EL-COLクラス= "lbinディレクトリ行":スパン= "24"> <EL-フォーム項目ラベル= "密码"プロップ= "PWD" V-IF = "isHidden":ルール= "[{必須:○メッセージ: '请输入密码'、トリガー'ブラー'}] "> <EL-入力Vモデル=" form.pwd "> </ EL-入力> </ EL-フォーム項目> </ IL- COL> <EL-COLクラス= "lbinディレクトリ行":スパン= "24"> <EL-ボタン@クリック= "getSubmit( 'フォーム')">提交</ EL-ボタン> </ EL-COL> < / EL行> </ div> </ DIV> </ EL-フォーム>
JS
データ(){ リターン{ 形:{ 名: ''、 モバイル: ''、 PWD: ''、 }、 isHidden:偽、 } }、(){ 作成 }、 メソッド:{ getSubmit(フォーム){ 。この$レフリー[フォーム] .validate((有効)=> { 場合(有効){ 警告( '提出!'); }他{ はconsole.log( 'エラー提出!!'); falseを返します; } }); } }