两周前我开始使用 Vuex，我意识到 Vuex 非常适合处理应用程序的状态。但是，API调用的错误很难处理。当我从服务器获取数据时，我会调度一个操作。当数据成功返回后，当然一切都好了。但是当错误发生时，我改变了状态，我不知道如何通过Vuejs组件的状态来检测它并通知用户。有人能给我一些建议吗？
我通常有以下部分：
- 用于显示通知的组件，通常是警报或小吃栏或类似内容，例如
error-notification。我在较高级别上使用此组件，位于根应用程序组件的正下方。这取决于您的布局。
- vuex 中指示错误状态的属性，通常是带有错误代码和消息的错误对象，例如
error
- 存储中的一个突变用于引发设置错误属性的错误，例如
raiseError
- 存储中的一个突变用于消除错误并清除错误属性，例如
dismissError
使用这些，您需要：
- Display
error-notification基于error在商店里：<error-notification v-if="$store.state.error :error="$store.state.error"/>
- 当发生错误时，调用
raiseError突变（在 API 回调中）：vm.$store.commit('raiseError', { code: 'ERR_FOO', msg: 'A foo error ocurred'})
- In
error-notification，调用dismissError通知关闭时发生突变。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
