vue+element实现动态增加非空验证功能
发布时间
阅读量：
阅读量
在实际工作过程中，曾出现如下需求：当用户在页面中选定某一选项后，需要查询后台的配置表，以确定某些字段是否为必填项。若确认为必填，则需对rules验证规则进行调整，增加{required:true}的设置，以满足必填要求。
实现思路：
依据具体需求，只需在rules对象中对应字段名称处添加"required:true"属性即可。通过分析发现，rules本身为一个对象结构的数据形式，因此可以借助ES6的相关语法实现对数据的动态修改。其基础结构大致如下：
rules: {
acctMonth:[
{required:true, whitespace: true, message: '请输入正确的xxx', trigger: 'blur'},
{max: 32, message: 'xxx不能超过32个字符', trigger: 'blur'},
]
}
代码实现：
调取接口所返回的数据信息，依据其结果进行相应判定
handleSelect(item){
this.submitForm.applAcctNo = item.value;
this.全部评论 (0)
还没有任何评论哟~