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

element ui form 配合vuex进行表单验证,有什么比较好的实践么?现在el-form必须在form中才能触发验证,而且form必须绑定本地的data,我现在就两种思路:

一种是创建本地的表单对象,在vuex中触发action后将值赋给组件的本地data,然后直接操作本地的数据,变更通过触发mutation来提交

另外一种就是创建本地的表单对象,但是表单中v-model直接绑定vuex中的数据,设置该数据的getter和setter属性,在setter中,每次变更都会触发mutation,改变store中的值,同时对本地的form.someProperty赋值,这样,失焦验证的值也就是和store中的数据一样了,会正常进行验证。但是如果遇上大量的循环出来的表单,估计会比较棘手,这个暂时还未尝试。另外就是每次不同值被验证失败时会触发两次验证

阅读 4.9k
2 个回答

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

我的就是根据老徐说的,用index来做的,对了,您用树形图了么,树形图数据操作后是怎么取出来的?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题