Vue.js Vue-如何验证Vuex存储区中的数据

我有一个相当大的表单，我将其发布到API后端。根据复选框的状态，表单大约有17-20个字段

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

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

在Vuex中存储表单对象是一种好方法吗？如果是，我在store.js中在哪里定义验证规则？

---

非常感谢您的反馈

您不需要使用Vuex。 您可以将表单验证规则保存在组件本身中。如果您有表单生成器或其他组件来管理表单，您可以将验证规则保留在那里，或者通过要使用表单的组件的prop接受整个表单模型

提交完成后，您可以通过路由本身将数据传递到摘要页面。看看这个-

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

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

---

让我知道进展如何。

成功了，谢谢！现在还有一个问题，如果我想回去查看表单并可能更改某些内容，那么如何在第一个组件上初始化表单。现在，如果我按back键，它将显示为空。与摘要路由接受道具的方式相同，您也可以在第一个组件中接受道具，并且在创建时，您可以检查道具是否可用。如果是这样，请使用数据初始化表单字段。但是，如果我在浏览器中按Back，我将没有任何

道具要发送，那么我该怎么办？我想你会有，因为即使按browser Back按钮，它的vue路由器实际上管理路线导航。如果您使用浏览器返回按钮返回到路由，它仍然会触发生命周期挂钩。