不同角色给rules重新赋值校验规则

从上面两张图可以看到，不同角色的表单字段有所不同，那么如何在更改角色的同时，也给新增的表单输入框做校验呢?
思路：当我们更改角色，表单页面已经改变，我们可以设置两套验证规则，（也许可以直接写set方法向rules对象中增加校验规则，由于我是小白，我不会这么做，所以我就写了两套规则）

onReady() {if(this.model.roleType === Constants.roleType.READER){this.$refs.uForm.setRules(this.rules)}this.$refs.uForm.setRules(this.storeRules)},

在onReady生命周期，通过条件判断实现规则选择校验。

注意新增的规则在form-item中的属性要与队形的rules中属性名称对应，不然会报错

不同角色给rules重新赋值校验规则相关推荐

antd form rules字数限制_【React】antd的form表单的自定义校验规则的用法
在用到antd的Form组件的时候,可能会用到自定义的规则,以我的项目为例:在输入名称的时候需要请求接口,校验的内容是后台返回的内容,所以这个时候需要用到自定义的校验规则屏幕快照 2019-06-1 ...
vue验证整数_前端Vue中常用rules校验规则
前端Vue中常用rules校验规则 1.是否合法IP地址 export function validateIP(rule, value,callback) {if(value==''||value== ...
帆软填报-根据角色/权限设置校验规则（含开关配置表校验）
一.校验公式用户假设:①填报角色为"A项目-填报":②核对角色为"A项目-核对":③数据链接为"data_link": 用户假设:③设有个 ...
Element Ui使用技巧——Form表单的校验规则rules详细说明；element的 form 表单rules详细用法
本文章是在项目开发时遇到问题看到的一片好文, 摘录自[博客园]–[逍遥云天]. 感谢作者地址 – https://www.cnblogs.com/xyyt/p/13366812.html 在 [逍遥 ...
工作188：表单校验规则
1绑定rules <el-dialog title="新建账号" :visible.sync="dialogFormVisible" @close=&qu ...
工作187：表单校验规则
第一种常用方式:表单上加rules{object} <el-form class="apply-form first-form" :model="formData& ...
element-UI框架使用validate.js的form校验规则（+自定义验证代码）- 应用篇
文章目录 element-UI除了官方给出的校验规则,还可以自定义(举例如下) 代码示例: 参考文章: element-UI除了官方给出的校验规则,还可以自定义(举例如下) element-UI框架f ...
element 修改表单值后表单验证无效_element 表单自定义校验规则
首先在我们的vue + element 项目中,尤其是后台有关的项目或者涉及到大量操作数据的平台,重中之重的就是关于数据的验证,也就是关于我们表单的验证,如果在前端做好了这些,相当于在前后台交互数据的 ...
jquery.validate动态更改校验规则
有时候表单中有多个字段是相互关联的,以下遇到的就是证件类型和证件号码的关联,在下拉框中选择不同的证件类型,证件号码的值的格式都是不同的,这就需要动态的改变校验规则. 点击(此处)折叠或打开 <! ...

不同角色给rules重新赋值校验规则

不同角色给rules重新赋值校验规则相关推荐

最新文章

热门文章