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