为了账号安全,请及时绑定邮箱和手机立即绑定

element ui form 配合vuex进行表单验证,有什么比较好的实践么?

element ui form 配合vuex进行表单验证,有什么比较好的实践么?

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

1 回答

?
哈士奇WWW

TA贡献1799条经验 获得超6个赞

一般会采用第二种方案,目前没有遇到棘手,即使是循环出来的动态数据也可以存在store.state中


查看完整回答
反对 回复 2019-01-17
  • 1 回答
  • 0 关注
  • 1250 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信