2

我有一个相当大的表单，我将其发布到 API 后端。该表单有大约 17-20 个字段，具体取决于复选框的状态。

我的计划是，在用户填写表格后，我将使用 Vuelidate 对其进行验证，然后显示数据摘要，让用户可以查看他们的数据。在用户查看数据并认为正确后，它将表单发布到后端 API。

为此，我计划使用 Vuex 来存储表单对象，并使用存储来显示表单中的字段以及摘要页面上的字段。

这是将表单对象存储在 Vuex 中的好方法吗？如果是这样，我在 store.js 中在哪里定义验证规则？非常感谢您的反馈！

4

1 回答 1

3

你真的不需要Vuex。您可以将表单验证规则保留在组件本身中。如果你有一个表单构建器或一个不同的组件来处理你的表单，你可以保留你的验证规则，或者通过你想要使用表单的组件中的 prop 接受整个表单模型。

提交完成后，您可以通过路由本身将数据传递到摘要页面。看看这个 - https://router.vuejs.org/guide/essentials/passing-props.html

每当您想到 Vuex 或任何状态管理解决方案时，请考虑该数据的生命周期。需要坚持多久。在大多数情况下，您会发现它属于一个或两个视图。

Vuex 适用于您需要一段数据持续更长的时间，可能是整个应用程序持续时间的情况。示例 - 用户详细信息、主题设置、体验配置等。

让我知道事情的后续。

于 2019-09-11T13:16:44.880 回答