1***@qq.com
1***@qq.com
  • 发布:2022-12-22 16:17
  • 更新:2022-12-29 11:11
  • 阅读:490

uni-forms 表单无法对多层级结构的数据 进行非空校验 如formData.data.a

分类:uni-app

目的:要求formData.data.a不能为空值,为空报错:
(之前发起的提问好像没有把问题表述清楚)


<uni-forms :rules="appRules"   :modelValue="formData">  
            <uni-forms-item label="兴趣爱好" required :name="['data','a']" >  
                         <uni-easyinput v-model="formData.data.a"  placeholder="请输入" />  
            </uni-forms-item>  
</uni-forms>  

下面的写法报错:

 appRules: {  
                    data.a:{  
                        rules: [{  
                            required: true,  
                            errorMessage: '不能为空',  
                        }]  
                    },  
}

下面的写法不生效:

 appRules: {  
                    "data.a":{  
                        rules: [{  
                            required: true,  
                            errorMessage: '不能为空',  
                        }]  
                    },  
}
2022-12-22 16:17 负责人:DCloud_UNI_HT 分享
已邀请:
DCloud_UNI_HT

DCloud_UNI_HT

这种情况不要使用 全局 rules ,直接在 uni-forms-item上指定 rules

<uni-forms :rules="appRules"   :modelValue="formData">    
            <uni-forms-item label="兴趣爱好"  :rules="rules"  required :name="['data','a']" >    
                         <uni-easyinput v-model="formData.data.a"  placeholder="请输入" />    
            </uni-forms-item>    
</uni-forms>    

data(){  
  return {  
    rules:[{  
      required: true,    
      errorMessage: '不能为空',    
    }]  
  }  
}  
  • 1***@qq.com (作者)

    已解决,感谢!

    2023-01-03 15:53

要回复问题请先登录注册