使用vue-stripe-checkout在Vue CLI应用程序中创建Stripe和Price对象

pkwftd7m  于 2023-08-07  发布在  Vue.js
关注(0)|答案(1)|浏览(139)

我尝试在我的Vue CLI应用中集成Stripe。为此,我决定使用**vue-stripe-checkout package
我指定
在填写表格期间,顺利进行支付所需的所有数据都存储在我的应用程序中**
一开始,一切都很顺利,我按照包提供的演示示例我浏览了文档。我就是从那里卡住的。
包需要输入不同的数据,如项目。问题是**“items”需要一个sku**,但我没有。因此,我更愿意通知**“lineItems”,但在这里,我也必须通知Price Object**我没有...
我发现了如何创建一个价格对象here,但我不知道如何以及何时在我的应用程序中这样做。
这是我的代码

<template>
    <stripe-checkout
    ref="checkoutRef"
    :pk="publishableKey"
    :lineItems="lineItems"
    :successUrl="successUrl"
    :cancelUrl="cancelUrl"
    >
        <template slot="checkout-button">
            <button @click="checkout">Payment</button>
        </template>
    </stripe-checkout>
</template>

个字符

amrnrhlw

amrnrhlw1#

您从Stripe Dashboard创建产品并获取其价格ID。您在价格字段中输入价格ID,然后就可以开始了!

相关问题