Vue js 2 - 在组件中调度的操作的回调函数答案

【问题标题】：Vue js 2 - Callback function for an action dispatched in a componentVue js 2 - 在组件中调度的操作的回调函数
【发布时间】：2018-09-05 10:16:56
【问题描述】：

在不设置状态的情况下，有什么方法可以知道组件的调度操作是否已完成？现在我有一个动作 - createAddress 在我的组件中，我有一个用户输入地址的模式。当用户输入详细信息并单击“保存”按钮时，我会像这样发送操作 -

saveAddress () {
  this.$store.dispatch('createAddress', this.address)
}

该操作进行 axios 调用并返回状态 200 OK 或错误。如果状态 200 我想关闭模式。如果出错，我不想关闭它。实现这一目标的最佳方法是什么？我真的必须创建一个状态，更新那个状态值，在组件中观察那个值，然后关闭模态框吗？

从代码的角度来看，以下是我想要的

saveAddress () {
  this.$store.dispatch('createAddress', this.address)
  // Close modal if success
}

【问题讨论】：

【解决方案1】：

saveAddress () {
  this.$store.dispatch('createAddress', this.address, this)
}

在createAddress中，你可以关闭模态

【讨论】：