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.api({
         url:'/finance/cwAcctAdjData/doSelectCheck',//调用后台接口
         method:"get",
         params:{acctNo:item.value}//传入的参数
    }).then(data=>{
        //