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

时间:2018-03-27 06:13:46

标签: javascript vuejs2 vue-component axios vuex

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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

并在createAddress中,您可以关闭模​​式