开发环境:uniapp小程序开发
问题:动态配置uni-form表单时,uni-easyinput写入默认值不显示,且表单验证,在输入数据后不自动刷新验证的问题
解决方案:
源代码
修改后
增加了属性
: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值,如下
但是v-model是vue的双向绑定指令,但是在uni-easyinput中代码将this.val这个数值赋值到了input上,所以this.val未接收到数值的情况下,就没有默认值,并且在未接收到数据值的情况下,表单校验的数据也跟踪不到页面上后续修改的值
就导致了上述问题,不知道我这个歪门邪道的修改有没有其他隐患,目前看是解决了我的诉求,默认值和表单验证及时的问题