element ui form 配合vuex进行表单验证,有什么比较好的实践么?现在el-form必须在form中才能触发验证,而且form必须绑定本地的data,我现在就两种思路:
一种是创建本地的表单对象,在vuex中触发action后将值赋给组件的本地data,然后直接操作本地的数据,变更通过触发mutation来提交
另外一种就是创建本地的表单对象,但是表单中v-model直接绑定vuex中的数据,设置该数据的getter和setter属性,在setter中,每次变更都会触发mutation,改变store中的值,同时对本地的form.someProperty赋值,这样,失焦验证的值也就是和store中的数据一样了,会正常进行验证。但是如果遇上大量的循环出来的表单,估计会比较棘手,这个暂时还未尝试。另外就是每次不同值被验证失败时会触发两次验证
哈士奇WWW
相关分类