Estoy intentando hacer funcionar una plataforma de pagos haciendo uso de addonpayments, pero me estoy encontrando con un problema entre la estructura de vue y las funciones de el rxp-js de la plataforma.
Básicamente estoy haciendo primero una llamada a la API para obtener el JSON con los datos del pago, con la respuesta (siempre y cuando sea correcta) abro el lightbox de addonpayments para realizar el pago por HPP haciendo uso de el ejemplo que hay disponible en los archivos de rxp-js de callback, sin embargo dentro de la función del lightbox me es imposible llamar a la función que terminaría el proceso de pago "this.setOrder", pues dentro del contexto "this" es undefined, me gustaría saber si hay alguna manera en la que se podría pasar la función de vue a la función para hacer uso de ella.
Aqui el código:
const { data, meta } = Vue.axios
.post(this.apiDomain + "api/Payment", params)
.then((response) => {
if (response.status != "200") {
this.hiddenAlert = false;
this.loading = true;
this.errors = [];
this.errors.push("Ha ocurrido un error en la transacción.");
} else {
var res = JSON.parse(response.data);
RealexHpp.setHppUrl("https://hpp.sandbox.addonpayments.com/pay");
//Payment Lightbox
RealexHpp.lightbox.init("autoload",
function (answer, close) {
if (answer.RESULT == "00") {//success
close();
this.setOrder();
} else {//error
close();
//TODO devolver mensaje de error
return false;
}
},
res);
//this.setOrder();
}
});
this
se pierde en esta parte.then((response) =>
? Lo comento únicamente por la parte que menciona que this no está definido