Issues rendering a Paypal Checkout.js button twice

I'm having an issue where one of our buttons will render perfectly every time, but the second one (on another page) will only render if the page is manually refreshed.

We have one page where users can buy software licenses, and another page where they can pay an outstanding invoice. I have the Paypal logic set up in a similar way as described [here](https://medium.com/@ahmedaminehachimi/paypal-checkout-workflow-with-vue-js-and-sails-js-4f151186a601).

This is my first time working with Vue so there may be something obvious I've overlooked. I've tried a few things (copy+pasting the Paypal code and changing the div id, etc), but it always does the same thing.

Any advice is greatly appreciated, thanks all.

UPDATE: Unfortunately I wasn't able to fix the issue, but I was able to work around it by using window.location to route instead of the Vue router (note that I implemented this change before I had a chance to read replies so the solution(s) provided below may work, for anyone who comes across this post in the future).