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();
    };
  },
};
相关推荐
by__csdn几秒前
JavaScript性能优化实战:减少DOM操作全方位攻略
前端·javascript·vue.js·react.js·性能优化·typescript
xiaoxue..1 分钟前
从 “手动搬砖“ 到 “自动施法“:界面开发的三次 “渡劫“ 升级记
前端·前端框架·vue
哆啦A梦15887 分钟前
商城后台管理系统 05 商品列表-静态布局
javascript·vue.js·elementui
一只一只妖9 分钟前
uni-app + ts请求封装最佳实践(GET/POST + 加载态 + 错误兜底)
typescript·uni-app
Monly219 分钟前
Vue:使用v-if v-else加载两个el-table 在切换时,会出现数据在家混乱 数据加载不全的情况
前端·javascript·vue.js
南知意-9 分钟前
一个基于 Vue、Datav、Echart 框架开源免费的数据大屏可视化系统
前端·javascript·vue.js·开源软件·大屏项目
修己xj12 分钟前
FlatNas:打造你的专属浏览器仪表盘,一个集优雅与实用于一身的开源导航页
前端
哆啦A梦158813 分钟前
【vue实战】商城后台管理系统 03 首页-路由界面基础搭建
前端·javascript·vue.js
几何心凉15 分钟前
小白上手代理网络,搭建自己的数据抓取工具
前端
蜗牛攻城狮16 分钟前
ES6 Module 导入导出完全指南:语法、原理与最佳实践
前端·ecmascript·es6