【前端】iView表单校验失效：Input已填入时，报错为未填入

karshey2025-12-09 10:18

文章目录

场景

与iView框架Form表单验证失效（验证状态无法及时更新） - 茶生sql - 博客园问题很像，验证状态无法更新。 已填入时，依旧报错为：未填入。

代码与排查

html 复制代码

 <FormItem
   v-if="['31'].includes(editAdverFormItem.pageType)"
   prop="androidProductId"
   class="page-video-form-item"
   :label="$t('安卓 商品id')"
 >
   <Input
     v-model="editAdverFormItem.androidProductId"
     :placeholder="$t('请输入')"
   />
 </FormItem>

prop与v-model正常对应。editAdverFormItem绑定在Form中，上述也没问题。

是Input，所以不是以下数值问题：View UI （iview）form表单 select验证无效问题和解决_view-design form自定义校验不触发-CSDN博客

解决

发现是这两个字段没有初始化造成的。补上即可。