Vue Stripe Checkout, проблема с демонстрационным кодом

Question

Я пытаюсь использовать и реализовать Vue -Stripe-Checkout , однако я столкнулся с проблемой в самом начале с демонстрационным кодом - в самом начале при использовании Vue Stripe Elements отсюда. Мне было интересно, знает ли кто-нибудь, в чем проблема? Это не вызывает ошибки, но просто не работает, когда данные заполняются и нажимается кнопка.

Функция токена работает, однако нажатие кнопки не работает, как показано ниже

<StripeElements
                :pk="publishableKey"
                :amount="amount"
                locale="auto"
                @token="tokenCreated"
                @loading="loading = $event"
                ref="elementsRef"
            >
            </StripeElements>
            <v-btn color="primary" @click="submit">Pay ${{amount / 100}}</v-btn>

this.$refs.elementsRef.submit();

Пример песочницы: https://codesandbox.io/s/purple-firefly-ovj4r?file= / src / App. vue

Спасибо!

Answer 1

Похоже, вам просто нужно указать свой публикуемый ключ в pk: https://codesandbox.io/s/adoring-browser-qs7c4?file= / src / App. vue