关于uni-app的vue3版本动态表单的校验

分类：uni-app

vue3 uniapp

<uni-forms-item :label="item.name"  
                        :name="['userFormItem', index, 'content']"  
                        :required="isRequired(item.options)"  
                        :rules="[  
                            { required: isRequired(item.options), errorMessage: `${item.name}为必填项`}  
                        ]">  
         <uni-easyinput type="text" v-model="formItemOptionDTO.userFormItem[index].content" />  
</uni-forms-item>

表单的每一项都是动态创建的，点击提交校验时校验也执行了，但是已经填写的也说没填，不知道什么问题

2023-03-04 15:05 负责人:无分享

1 个回复

YUANRJ

请提供下完整代码示例

WE丕样 (作者)

没事了，已经解决了，谢谢回复

2023-03-12 10:51
7***@qq.com

回复 331587: 请问下是怎么解决的，我现在也是这个问题。是因为我对表单项封装了一层，如果把表单项放外面就不会有问题

<uni-forms-item v-if="item.key === 'text_1'" :key="item.key" :name="item.key" :label="item.label" :label-width="100">

<InputWidget :formitem="item" :formData="formData" />



</uni-forms-item>

2024-05-23 11:25

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

关于uni-app的vue3版本动态表单的校验

1 个回复

公告

相关问题

关于uni-app的vue3版本动态表单的校验

与内容相关的链接

1 个回复

公告

相关问题