全局引用
在App.vue文件中添加如下代码
这样在全局所有页面中都可以直接使用该外部js中的函数
onLaunch: function() {
var script = document.createElement('script');
script.src = "https://www.test.com/api/testapi.js";
document.body.appendChild(script);
},
单页面引用
如果只需要在单页面中引用外部js文件,导入方式如下代码所示
export default {
mounted() {
const script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://www.test.com/api/testapi.js'; // JS文件的相对或绝对路径
document.body.appendChild(script);
script.onload = () => {
console.log("External JavaScript loaded successfully.");
// 调用外部JS文件中的函数等操作
externalFunction();
};
},
};