问答

怎么在vue组件中通过创建script标签引入js并监听都成功加载执行

作者:admin 2021-04-10 我要评论

需求如下: 在vue组件中需要动态的创建script标签引入多个js文件,但是window.onload方法并不能监听到js文件加载完毕 const oScript = document.createElement('...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

需求如下:
在vue组件中需要动态的创建script标签引入多个js文件,但是window.onload方法并不能监听到js文件加载完毕

const oScript = document.createElement('script');
oScript.type = 'text/javascript';
oScript.src = `${BASE_URL}changedNodeModules/js1`;
document.body.appendChild(oScript);
const oScript2 = document.createElement('script');
oScript2.type = 'text/javascript';
oScript2.src = `${BASE_URL}changedNodeModules/js2`;
document.body.appendChild(oScript2);
window.onload = function() {
  console.log('加载完毕');
};

组件中 onload 方法都没有调用!!!
请问怎么能动态加载多个js,并监听都成功加载执行回调函数???

###
oScript.onload = function() { ... }

用来判断脚本是否加载成功

###

window.onload是监听页面加载,不是监听文件加载

###

import(url).then

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器