Как использовать оплату Stripe с Vue.js?

Question

Используя новое обновление Quasar v0.15.10, мы обнаруживаем трудности, требующие stripe.js. Структурирование платежного элемента после https://stripe.com/docs/stripe-js/elements/quickstart Появилось несколько ошибок, объясняющих, что встроенные команды чередования, такие как

      card.mount('#card-element')

где не признается Это связано с тем, что недоступно " https://js.stripe.com/v3/ ".

Работа с vue запрещает нам просто добавлять

    <scriptsrc="https://js.stripe.com/v3/"></script>

в голову нашего раздела HTML.

Мы пробовали

1. Использование JavaScript для добавления элемента сценария с атрибутом src в DOM

   created () {
     let stripe = document.createElement('script')    
     stripe.setAttribute('src',"https://js.stripe.com/v3/")
     document.head.appendChild(stripe)
    }
   

   Этот сгенерированный элемент скрипта создается и появляется при сборке после запуска функции. Но полосовые методы до сих пор не признаны.

2. Добавление тега script в начало файла index.html. Однако это не сработало и привело к большему количеству одинаковых ошибок.

Проверка того, сталкивался ли кто-либо с чем-либо подобным или может предложить руководство по альтернативному способу ссылки на https://js.stripe.com/v3/ из внешнего интерфейса.

GitHub для проекта - https://github.com/Screen-Art-Studios/TimeCrunch