vue方法中怎麼寫檢驗規則

Ⅰ vue 驗證表單格式rule和清空表單resetfields

一、前端界面
有一個對話框，內有2個輸入框testappname和testdescription，以及2個按鈕cancel和submit

二、增加表單格式校驗規則rule
給這2個輸入框都加入非空校驗
注意：el-form-item上設置prop欄位，表單rule驗證和resetfields() 清理的都是prop綁定的欄位

三、清空表單resetfields
form要設置ref，且ref值要與 this.$refs[formName].resetFields()中的foemName一致

Ⅱ vue：ElementUI表格控制項數據校驗

1.在el-form標簽中定義:rules="rules";ref="reference"

2.在el-form-item定義prop="name";

3.在選項data中定義rules校驗規則;

4.在提交方法中檢查用戶行為

表單：

 <el-form

        :model="ruleForm"

        :rules="rules"  //規則rules

        ref="ruleForm"

.......      >

組件：

     <CreateModal

            ref="CM"

            :url="this.url"

            :rules="formRules" //規則formRules

            :form-items="this.formItems"

            @submitData="submitData"

          />

https://www.cnblogs.com/jun-qi/p/10894791.html