Vue Stripe Checkout，演示代碼問題

Question

我正在嘗試使用和實現Vue-Stripe-Checkout ，但是我在演示代碼的一開始就遇到了一個問題 - 在從這里開始使用Vue Stripe Elements時。 我想知道是否有人知道問題是什么？ 它不會產生錯誤，但是當填寫詳細信息並單擊按鈕時它根本不起作用。

令牌 function 有效，但按鈕單擊無效，如下圖所示

<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