7***@qq.com
7***@qq.com
  • 发布:2024-05-23 11:31
  • 更新:2024-05-23 11:31
  • 阅读:36

uni-form动态表单在小程序上校验问题

分类:uni-app

同样的代码,在WEB上可以校验,放到小程序上输入后还是提示必填。代码如下,InputWidget是对easyinput的封装,如果在forms-item下方inputWidget,第一次可以校验,单输入值后还提示必填。如果直接用easyinput的话就可以实现输入后必填校验消失

<uni-forms ref="addForm"  :rules="rules"  :model="formData" :label-position="labelPosition"  
                label-width="100px">  

                <template v-for="(item, index) in formConfig.rootProperties" >  
<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-easyinput // 这样的话输入后必填消失  
                    :type="item.type" autoHeight  
                    :placeholder="item.placeholder"  
                    v-model="formData[item.key]"  
                    :disabled="item.widgetAttrs.disabled"  
                    ></uni-easyinput> -->  
                    </uni-forms-item>

inputWidget代码

<template>  
    <!-- <form-item-wrapper :formitem="formitem"> -->  
    <!-- <uni-forms-item :required="formitem.required" :name="formitem.key" :label="formitem.label" :label-width="100"> -->  
        <!-- {{formitem.key}} -->  
        <uni-easyinput  
        :type="formitem.type" autoHeight  
        :placeholder="formitem.placeholder"  
        v-model="formData[formitem.key]"  
        :disabled="formitem.widgetAttrs.disabled"  
        ></uni-easyinput>  
        <!-- </uni-forms-item> -->  
    <!-- </form-item-wrapper> -->  
</template>
2024-05-23 11:31 负责人:无 分享
已邀请:

要回复问题请先登录注册