uni-app引用外部js文件

全局引用

在App.vue文件中添加如下代码

这样在全局所有页面中都可以直接使用该外部js中的函数

javascript 复制代码
onLaunch: function() {
		var script = document.createElement('script');
		script.src = "https://www.test.com/api/testapi.js";
		document.body.appendChild(script);
},

单页面引用

如果只需要在单页面中引用外部js文件,导入方式如下代码所示

javascript 复制代码
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();
    };
  },
};
相关推荐
叫我:松哥1 分钟前
基于Python flask的医院管理学院,医生能够增加/删除/修改/删除病人的数据信息,有可视化分析
javascript·后端·python·mysql·信息可视化·flask·bootstrap
Hellc0078 分钟前
MacOS升级ruby版本
前端·macos·ruby
前端西瓜哥17 分钟前
贝塞尔曲线算法:求贝塞尔曲线和直线的交点
前端·算法
又写了一天BUG18 分钟前
npm install安装缓慢及npm更换源
前端·npm·node.js
平凡シンプル21 分钟前
安卓 uniapp跨端开发
android·uni-app
cc蒲公英32 分钟前
Vue2+vue-office/excel 实现在线加载Excel文件预览
前端·vue.js·excel
Java开发追求者32 分钟前
在CSS中换行word-break: break-word和 word-break: break-all区别
前端·css·word
好名字082136 分钟前
monorepo基础搭建教程(从0到1 pnpm+monorepo+vue)
前端·javascript
pink大呲花44 分钟前
css鼠标常用样式
前端·css·计算机外设
Flying_Fish_roe44 分钟前
浏览器的内存回收机制&监控内存泄漏
java·前端·ecmascript·es6