Почему удаляется массив продуктов (приложение на Vue)?

Question

[Николай Семенов]

Ребятушки, всем привет.
Столкнулся с такой проблемой
есть вот такой код

const actions = {
  checkout ({ commit, state }, order) {
    const savedOrder = order
    //debugger
    commit(types.CHECKOUT_REQUEST)
    data.buyProducts(
        savedCartItems,
      () => commit(types.CHECKOUT_SUCCESS),
      () => commit(types.CHECKOUT_FAILURE, { savedOrder })
    )
  }
}

вот такие мутации

[types.CHECKOUT_REQUEST] (state) {
    // clear cart
    state.order.products = []
    state.checkoutStatus = null
  },

  [types.CHECKOUT_SUCCESS] (state) {
    state.checkoutStatus = 'successful'
  },

  [types.CHECKOUT_FAILURE] (state, { savedCartItems }) {
    // rollback to the cart saved before sending the request
    state.order = savedOrder
    state.checkoutStatus = 'failed'
  }
}

при отправке заказа он зануляет заказ раньше чем тот уходит на сервер
Ребятушки, почему так происходит и по возможности как это предотвратить?

Comments

[Kovalsky]

Ну так commit(types.CHECKOUT_REQUEST) и state.order.products = [] же, не?

[Evgeny Kulakov]

Инфы мало, вот это что: savedCartItems? откуда берется, что там?

[Антон Антон]

Evgeny Kulakov: это почти типовой пример из документации по vuex (подзаголовок "Диспетчеризация действий")

[Николай Семенов]

Никита Полевой: да, но задумка очищать после, того как данные ушли на сервер

[Николай Семенов]

Антон Антон: да, основа взята оттуда, но там не проверишь уходит ли у них массив заполненным

[Николай Семенов]

Evgeny Kulakov: оо, это я ошибся, не убрал. там должен быть и есть 'order'

[Kovalsky]

Николай Семенов:

"Почему удаляется массив продуктов" - потому что вы сами его удаляте, когда вызываете commit(types.CHECKOUT_REQUEST) (state.order.products = []).

Если задумка очищать после того как данные ушли на сервер, то очищайте после того как данные ушли на сервер, а не до того как данные ушли на сервер.