uni-form动态配置以及表单验证坑

开发环境:uniapp小程序开发

问题:动态配置uni-form表单时,uni-easyinput写入默认值不显示,且表单验证,在输入数据后不自动刷新验证的问题

解决方案:

源代码

uni-form动态配置以及表单验证坑_第1张图片

修改后

 

增加了属性

 :modelValue="formData[_im.key]"

放一下过程

 

首先我以为是我使用的版本问题,我把Uni_modules升级到了最新(20210907为止的最新)

使用的uni-form版本是1.2.7 uni-easyinput版本0.1.4

uni-easyinput给出的demo中显示是使用v-model进行绑定,但是通过查看uni-easyinput的源码,其中并没有在created时获取绑定的值,而是获取了 :value 或者 :modelValue值,如下

uni-form动态配置以及表单验证坑_第2张图片

 但是v-model是vue的双向绑定指令,但是在uni-easyinput中代码将this.val这个数值赋值到了input上,所以this.val未接收到数值的情况下,就没有默认值,并且在未接收到数据值的情况下,表单校验的数据也跟踪不到页面上后续修改的值

就导致了上述问题,不知道我这个歪门邪道的修改有没有其他隐患,目前看是解决了我的诉求,默认值和表单验证及时的问题

你可能感兴趣的:(uniapp踩坑爬坑总结,vue)