Vue动态加载网络js文件

1、新建loadScript.js

//动态加载外部js
//@param RESOURCE_LIST 外部地址集合["address"]
export function loadVoLteResourceList (RESOURCE_LIST,success) {return new Promise(r=>{RESOURCE_LIST.reduce((res, el) => res.then(() => loadScript(el)), Promise.resolve()).then(() => {r()}).catch((error) => {console.error('前置js资源加载失败:', error.name, error.message)return Promise.reject(error)})})
}export function loadScript (url) {return new Promise((resolve, reject) => {const script = document.createElement('script')script.onload = () => resolve()script.onerror = () => reject(new Error(`Load script from ${url} failed`))script.src = urlconst head =document.head || document.getElementsByTagName('head')[0];(document.body || head).appendChild(script)})
}

2、使用

import {loadVoLteResourceList} from "loadScript.js"
//可以传入多个地址
loadVoLteResourceList(["https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"])

Vue动态加载网络js文件相关推荐

Vue——动态加载网络js文件
1. 新建loadScript.js //动态加载外部js //@param RESOURCE_LIST 外部地址集合["address"] export function loa ...
利用firebug动态加载online js文件
为什么80%的码农都做不了架构师?>>> 我们在对网页进行调试时,可以利用firebug的命令行,对网页进行脚本的调试.对于原生js当然没有问题,可是,有时候我们想要使用js类 ...
动态加载的js文件在Chrome进行调试时找不到
有时候由于各种原因需要动态加载js文件,如: $('body').append("<script type='text/javascript' src='./editor.js'> ...
vue动态加载js和css以及部分页面加载特定的js和css
vue动态加载js和css以及部分页面加载特定的js和css vue项目第一次加载很慢的,发现在第一次加载要很大的js导致卡顿.可以使用cdn加速和其他gzip方式效果不是很明显.因此考虑每个页面动态 ...
js后退页面不重新加载_快应用：支持加载单独JS文件的规范思考
当前快应用的项目中,支持加载其它JS文件(通过:require('./foo.js')),然后通过webpack工具处理依赖,最终完成页面JS的构建,其中页面JS包含了引入的所有JS内容: 本文讨论的 ...
android 加载三方so的方法_Android开发教程之动态加载so库文件的方法
Android开发教程之动态加载so库文件的方法,我想对于静态加载 so 库文件,大家都已经很熟悉了,这里就不多说了.在 Android 开发中调用动态库文件(*.so)都是通过 jni 的方式,而静 ...
vue动态加载VueI18n实现国际化
vue动态加载VueI18n实现国际化前言编写后端工程编写前端工程前言前一段时间给大家写了一个基于spring boot和iview的前后端分离架构,当时国际化的语言信息是直接在前端直接事先 ...
render注册一个链接组件_详解vue 动态加载并注册组件且通过 render动态创建该组件...
基于 iview Tabs 组件实现功能:为每个 tab 动态创建不同的.特定的组件内容,而不需要大量的 import 组件并进行 component 注册 Index.vue import loa ...
vue 动态加载图片路径报错解决方法
vue 动态加载图片路径报错解决方法参考文章: (1)vue 动态加载图片路径报错解决方法 (2)https://www.cnblogs.com/qingcui277/p/8930507.html ...

Vue动态加载网络js文件

Vue动态加载网络js文件相关推荐

最新文章

热门文章