文章/答案/技术大牛

发布

社区首页 >问答首页 >cdn在vue应用中的条带支付

问cdn在vue应用中的条带支付
EN

Stack Overflow用户

提问于 2018-03-17 04:16:28

回答 1查看 453关注 0票数 0

我使用vue作为CDN，因为应用程序非常简单。此时，当我添加代码时

<div id="app">
<!-- some code here -->
    <form action="/charge" method="POST">
    <script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
          data-key="<%= stripePublishableKey %>"
          data-amount="2500"
          data-name="ec-system payment"
          data-description="You will pay this money for something!"
          data-locale="auto">
    </script>
    </form>
</div>

这段代码给出的错误如下所示。

模板应该只负责将状态映射到UI。避免在模板中放置带有副作用的标记，例如，因为它们不会被解析。

我发现了一些npm库，比如" vue -stripe“，但是当我使用vue和cdn，而不是vue-cli时，我不知道如何使用这个库。

stripe-payments

vue.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-03-17 18:35:10

在vue中，不能在模板内使用脚本标记。在您的例子中，您可以使用这个名为"vue-stripe-checkout“的库。这个库以两种方式支持

NPM或纱线

npm安装vue-stripe-签出--保存

纱线加vue-条纹结帐

https://unpkg.com/vue-stripe-checkout/build/vue-stripe-checkout.js

您可以通过将cdn包含到应用程序中来使用第二种方法。有关详细信息，请参阅此vue-stripe-结帐。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49332453

复制

相似问题

问cdn在vue应用中的条带支付
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问cdn在vue应用中的条带支付EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问cdn在vue应用中的条带支付
EN