后端表单验证回调方法| vuex商店| vuejs

时间:2018-06-11 10:34:56

标签: validation model store vuex

我的问题是使用Vuex商店向用户处理“数据库验证错误”。 (见下图) 关于如何处理这个问题的任何建议? enter image description here

然后按字段显示指定和“定位”的错误。 像这样:

<label>Title</label>
<input type="text">
<p v-if="errors.title">{{errors.title}}</p>

我的第一个想法是将'vuex store action'收到的'db errors'也传递给'store state属性',并在vuejs组件中使用带有“store getter”的计算属性来显示错误,但这对我来说感觉不对。

1 个答案:

答案 0 :(得分:0)

我使用这个json模型从服务器获取数据:{status: 0, result: {}, error: {}}。 在这种情况下,您可以检查status属性,以了解其余api调用是否成功。因此,取决于status,您可以处理errorresult变量。

在服务器端,如果发现任何错误/异常,您可以在错误变量中发送回客户端(具体而言)。

在你的情况下,例如:你在服务器端发现了一个db错误,你定义了它的状态(例如) 430 ,你发回了带有错误和状态代码的消息,你可以很好地处理这个问题。

我希望它有所帮助! :)