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

分类：uni-app

插件讨论 uni小程序问题已解决

目的：要求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 分享

1 个回复

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

要回复问题请先登录或注册

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

1 个回复

公告

相关问题

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

与内容相关的链接

1 个回复

公告

相关问题

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