Ⅰ 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