リセットフォーム要素-UIと明確な検証方法

この$レフリー[ 'activityForm'] resetFields()。。。

それが唯一のコンテンツの前にフォームをリセットし、空にしません

ただ、閉じられたシェルでフレームを書き込むフォームをリセットする方法でプロセスをキャンセル

(){キャンセル
       この。$ refs.formData.resetFields();
   }

フォームが別の簡単な方法がある証拠をクリアリセットします。

<モーダルVモデル= " にShowDialog ":タイトル= " modalTitle ":マスク閉鎖可能= " " >
    <フォームV- 場合 = " にShowDialog "  REF = " FORMDATA ":モデル= " FORMDATA ":ルール= " ruleValidate "ラベル位置= " トップ" >
        <FormItemのラベル= " 姓名:"小道具= " 名前" >
             <入力タイプ= " テキスト" Vモデル= " formData.name " />
         </ FormItemの>
         <FormItemのラベル= " 年龄:"小道具= " 年齢" >
             <入力タイプ= " テキスト" Vモデル= " formData.age " />
         </ FormItemの>
    </フォーム>
    <divのスロット= " フッタ" >
        <ボタンタイプ= " テキスト"   をクリック@ = " ( 'ruleValidate')キャンセル" >取消</ボタン>
        <ボタンタイプ= " "クリック= @ " 保存( 'ruleValidate')" >保存</ボタン>
     </ div>
</モーダル>

のみにラベルを追加する必要性から、V-IF =「にShowDialog」このコードは、閉じられた爆弾ブロックにShowDialog = falseを、

[名前]ボックスには、各オープンハウジングシェルは、それが新しいフォームを生成しますので、再度trueにShowDialogの爆弾のセットです。

おすすめ

転載: www.cnblogs.com/ckmouse/p/11968251.html
おすすめ