Vue JS a promise modal

I started with a scenario that required my client to be redirected to a third-party payment gateway, while I did not want the user to leave my website. I, therefore, loaded an iframe and inserted the gateway payment into the iframe. (e.g. Paypal).

Since the inserted content is not served via our domain, we can not see the status or receive any information because of browser security protocols. (CORS).

Below is the code created in Vue JS. I believe the code is self-explaining with a little knowledge of Vue.JS.

The file “callback-modal.vue” is the sample page redirected from our gateway to our success or failure page. This allows us to find the modal parent window function to close the modal and return a promise.

Related posts:

Anyone between the ages of 20 and 60 will tell you that the concept of “leisure” is a passing one. We do not have time to stop as we race to meet the never-ending list of deadlines. But regardless of…

I love Design Thinking and Lean Startup but their visualization models are broken. When the actual goal is continuous innovation, it makes sense to use a more innovative model: The Innovation Vortex.

Throughout the previous school year, Meghan Loomis taught her then fourth-grade students at Pleasant Valley School about plastic water bottle waste and how her students can upcycle them into colorful…