Vue Stripe Checkout，演示代码问题答案

【问题标题】：Vue Stripe Checkout, issue with demo codeVue Stripe Checkout，演示代码问题
【发布时间】：2020-05-29 15:46:25
【问题描述】：

我正在尝试使用和实现Vue-Stripe-Checkout，但是我在演示代码的一开始就遇到了一个问题——一开始使用Vue Stripe Elements 从这里开始。我想知道是否有人知道问题是什么？它不会产生错误，但是在填写详细信息并单击按钮时它根本不起作用。

token功能有效，但是按钮点击无效，如下图

<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

谢谢！

【问题讨论】：

javascript 控制台中是否有任何错误？你也可以分享一下html吗？
@cjav_dev，已更新。与示例代码相同，没有任何变化。
@Deathtitan77 你能在 Vue CodeSandbox 中重新创建它吗？例如：codesandbox.io/s/modest-banach-wu7sg 此外，这似乎使用了仅限客户端的结帐方法，必须首先启用和配置：stripe.com/docs/payments/checkout/client#enable-checkout
@NolanH 添加到主帖，我已启用它，但它仍然不起作用。你能从头开始测试吗？

标签： javascript vue.js github stripe-payments element

【解决方案1】：

看起来您只需要在pk：https://codesandbox.io/s/adoring-browser-qs7c4?file=/src/App.vue 中提供您的可发布密钥

【讨论】：