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中的数据一样了,会正常进行验证。但是如果遇上大量的循环出来的表单,估计会比较棘手,这个暂时还未尝试。另外就是每次不同值被验证失败时会触发两次验证
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
一般会采用第二种方案,目前没有遇到棘手,即使是循环出来的动态数据也可以存在store.state中
我的就是根据老徐说的,用index来做的,对了,您用树形图了么,树形图数据操作后是怎么取出来的?