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