3

我已经看过了，我没有找到。我有一个来自外部 js 文件的 url，我正在我的 index.html 中导入。应用程序启动时正在加载文件。

但是，用户不会经常使用这些功能；而且我只想在调用特定组件时上传此文件。

我正在使用带有模板 webpack 的 vue cli (vue 2)。

我试过类似的东西：

import * as PagSeguroDirectPayment from 'https://stc.sandbox.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.directpayment.js';

required('https://stc.sandbox.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.directpayment.js');

他们不工作。

需要上传此文件才能使用支付网关。有谁能够帮我？

4

2 回答 2

1

不要在 index.html 中使用它，而是创建一个单独的 js 文件并从链接中复制脚本。在js文件中导出需要的方法，并在需要的组件中导入。

于 2019-01-08T06:40:03.853 回答
0

这是 vue 具有的那些特性之一，它让人相信它是经过深思熟虑的。做这样的事情其实超级容易。

我在这样的路线中使用它：

// home gets loaded always
const Home = import('@/pages/home')

// profile and account gets loaded on demand
const Profile = () => import('@/pages/profile')
const Account = () => import('@/pages/account')

当与 webpack 一起使用时，这将为每个组件生成单独的文件。（01.js、02.js 等）这些文件将根据需要加载。

于 2017-11-12T05:17:56.610 回答