Vue - 如何验证来自 Vuex 存储的数据
Vue - how to validate data from Vuex store
我有一个相当大的表格，我 post 到 API 后端。表单有大约 17-20 个字段，具体取决于复选框的状态。
我的计划是，在用户填写完表格后，我将使用 Vuelidate 对其进行验证，然后显示数据摘要，让用户可以查看他们的数据。用户审核数据并认为正确后，post将表单发送到后端API。
为此，我打算使用Vuex来存储表单对象，并使用store来显示表单中的字段以及摘要页面上的字段。
在 Vuex 中存储表单对象是一种好方法吗？如果是这样，我在哪里定义 store.js 中的验证规则？
非常感谢您的反馈！
你并不真的需要 Vuex。
您可以将表单验证规则保留在组件本身中。如果您有表单构建器或其他组件来处理您的表单，您可以将验证规则保留在那里，或者通过要使用表单的组件的 prop 接受整个表单模型。
提交完成后，您可以通过路由本身将数据传递到摘要页面。检查一下 - https://router.vuejs.org/guide/essentials/passing-props.html
每当您考虑 Vuex 或任何状态管理解决方案时，请考虑该数据的生命周期。需要坚持多久。在大多数情况下，您会发现它属于一个或两个视图。
Vuex 适用于需要将一段数据保留更长时间（可能是应用程序的整个持续时间）的情况。示例 - 用户详细信息、主题设置、体验配置等
告诉我进展如何。
我有一个相当大的表格，我 post 到 API 后端。表单有大约 17-20 个字段，具体取决于复选框的状态。
我的计划是，在用户填写完表格后，我将使用 Vuelidate 对其进行验证，然后显示数据摘要，让用户可以查看他们的数据。用户审核数据并认为正确后，post将表单发送到后端API。
为此，我打算使用Vuex来存储表单对象，并使用store来显示表单中的字段以及摘要页面上的字段。
在 Vuex 中存储表单对象是一种好方法吗？如果是这样，我在哪里定义 store.js 中的验证规则？ 非常感谢您的反馈！
你并不真的需要 Vuex。 您可以将表单验证规则保留在组件本身中。如果您有表单构建器或其他组件来处理您的表单，您可以将验证规则保留在那里，或者通过要使用表单的组件的 prop 接受整个表单模型。
提交完成后，您可以通过路由本身将数据传递到摘要页面。检查一下 - https://router.vuejs.org/guide/essentials/passing-props.html
每当您考虑 Vuex 或任何状态管理解决方案时，请考虑该数据的生命周期。需要坚持多久。在大多数情况下，您会发现它属于一个或两个视图。
Vuex 适用于需要将一段数据保留更长时间（可能是应用程序的整个持续时间）的情况。示例 - 用户详细信息、主题设置、体验配置等
告诉我进展如何。