перенаправить на другую страницу с сообщением об успешном завершении после оплаты - Vue JS

Question

У меня есть модальный способ оплаты, который открывается, как только пользователь заполняет его, и если платеж будет успешным, я хочу перенаправить на другую страницу с успехом сообщение. Im использует Laravel 5.3 и Vue JS.

Прямо сейчас, так оно выглядит, и я получил его для перенаправления на другую страницу, но как бы я мог приложить какое-то сообщение об успешном завершении?

this.$http.post('/cropkit/public/subscriptions', this.$data).then(
    window.location.replace('/cropkit/public/profile/dashboard'), 
    response => this.status = response.body.status 
); 

/******** ********* РЕДАКТИРОВАТЬ/

Вот решение, чтобы проверить, если успешно, или произошла ошибка:

swal является плавным сигнальным плагином

    this.$http.post('/mysite/subscriptions', this.$data).then((response) => { 
         swal({ 
          title: "Success!", 
          text: "Payment has been processed!", 
          type: "success", 
          showConfirmButton: false, 
          allowEscapeKey: false, 
          allowOutsideClick: false, 
          timer: 5000, 
         }), 
         setTimeout(function(){ 
          window.location.replace('/mysite/profile/dashboard'); 
         }, 4000) 
        }, (response) => { 
         this.status = response.body.status 
        }); 

Answer 1

Вы можете использовать обратный вызов ошибки.

return this.$http.post(url, data).then((response) => { 
    // success, do success logic 
}, (response) => { 
    // redirect to error view 
});