vue:ElementUI表格控件数据校验

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue:ElementUI表格控件数据校验相关的知识,希望对你有一定的参考价值。

参考技术A 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

以上是关于vue:ElementUI表格控件数据校验的主要内容,如果未能解决你的问题,请参考以下文章

Vue+ElementUI,input控件清空数据恢复问题

Vue+ElementUI表格封装 支持render

elementui怎么弹出表单然后保存添加一行数据到表格里

elementui表单校验

vue+Element表单验证之滚动条定位到校验未通过的表单控件的位置

纯前端表格控件SpreadJS V11.2新版本发布,全面支持React和Vue