vue.js - Vue:条纹没有定义-是否需要在所有地方都包含条纹？

当我尝试仅将 strip 依赖性包括在需要的模板中(在laravel Blade 中)时:

@push ('head_scripts')
    <script src="https://js.stripe.com/v3/"></script>
@endpush

..我收到了错误“ReferenceError: Stripe is not defined”。因此，我将其包含在主要的“头部”部分中，因此它随处可见。然后进入管理部分时，我遇到了相同的错误，因为该模板未包含该错误。

但是真的需要在所有地方都包含它吗？

只能在一个vue组件中使用，如下所示:

<script>
    let stripe = Stripe(`pk_test_zzzzzzzzzzzzzzz`);
    let elements = stripe.elements();
    let card = undefined;

即使未渲染此组件，似乎也对其进行了评估。我能以某种方式解决这个问题吗？

最佳答案

我在不使用Laravel的Vue应用程序中遇到此问题。
但是要解决此问题，我将脚本<script src="https://js.stripe.com/v3/"></script>放在了自己的index.html中
然后，当在组件中引用Stripe时，我使用了指向脚本的window.Stripe并修复了ReferenceError: Stripe is not defined错误。

关于vue.js - Vue:条纹没有定义-是否需要在所有地方都包含条纹？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56116263/