后端表单验证回调方法 | vuex 商店 |浏览器
Backend form validation callback approach | vuex store | vuejs
我的问题是关于使用 Vuex 存储向用户处理 "database validation errors"。 (见下图)
关于如何处理这个的任何建议?
然后按字段显示我指定的错误和"positioned"。
像这样:
<label>Title</label>
<input type="text">
<p v-if="errors.title">{{errors.title}}</p>
我的第一个想法是将 'vuex store action' 接收到的 'db errors' 也传递给 'store state attribute',并使用带有 "store getter" 的计算 属性 vuejs 组件显示错误,但这对我来说感觉不对。
我使用这个 json 模型从服务器获取数据:{status: 0, result: {}, error: {}}
。
在这种情况下,您可以检查 status
属性,以确保其余 api 调用成功。因此取决于 status
,您可以处理 error
或 result
变量。
在服务器端,如果捕获到任何错误/异常,您可以在错误变量中发送回客户端(具体而言)。
在你的情况下,例如:你在服务器端发现了一个数据库错误,你定义了它的状态(例如)430,你发回带有错误的消息并且状态码,这样你就可以很好地处理问题。
希望对您有所帮助! :)
我的问题是关于使用 Vuex 存储向用户处理 "database validation errors"。 (见下图)
关于如何处理这个的任何建议?
然后按字段显示我指定的错误和"positioned"。 像这样:
<label>Title</label>
<input type="text">
<p v-if="errors.title">{{errors.title}}</p>
我的第一个想法是将 'vuex store action' 接收到的 'db errors' 也传递给 'store state attribute',并使用带有 "store getter" 的计算 属性 vuejs 组件显示错误,但这对我来说感觉不对。
我使用这个 json 模型从服务器获取数据:{status: 0, result: {}, error: {}}
。
在这种情况下,您可以检查 status
属性,以确保其余 api 调用成功。因此取决于 status
,您可以处理 error
或 result
变量。
在服务器端,如果捕获到任何错误/异常,您可以在错误变量中发送回客户端(具体而言)。
在你的情况下,例如:你在服务器端发现了一个数据库错误,你定义了它的状态(例如)430,你发回带有错误的消息并且状态码,这样你就可以很好地处理问题。
希望对您有所帮助! :)