小工具知识网

当前位置: 首页 > 行业知识 > uni-app引用外部js文件

行业知识

uni-app引用外部js文件

2026-10-31 15:02:48 来源:互联网转载

全局引用

在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();    };  },};

上一篇:csgo怎么解除服务器封禁?

下一篇:怎么转日本服务器?