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

发布于 2022-09-05 10:49:56 字数 403 浏览 22 评论 0

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

像极了他 2022-09-12 10:49:56

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

酒儿 2022-09-12 10:49:56

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文