同样的代码,在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>
0 个回复