vue组件引入外部js同时获取变量，解决重复引入

vue组件引入外部js同时获取变量

引入文件支持加载成功回调，支持通过字符串变量名获取js文件的变量

/*** 引入js文件 并且获取变量* @param src js路径* @param variableName 需要获取的变量名* @param callback*/
export const importJs = (src, variableName = '', callback = '') => {if (!isInclude(src)) { // 避免重复引入const script = document.createElement('script')script.type = 'text/JavaScript'script.src = srcdocument.body.appendChild(script)if (typeof callback === 'function') {script.onload = script.onreadystatechange = function() {if (!script.readyState || /loaded|complete/.test(script.readyState)) {script.onload = script.onreadystatechange = null // 避免重复触发const fn = new Function('return ' + variableName)callback(variableName !== '' ? fn() : '')}}}} else if (typeof callback === 'function') {const fn = new Function('return ' + variableName)callback(variableName !== '' ? fn() : '')}
}

// 是否引入资源文件
function isInclude(name) {const js = /js$/i.test(name)const es = document.getElementsByTagName(js ? 'script' : 'link')for (let i = 0; i < es.length; i++) {if (es[i][js ? 'src' : 'href'].indexOf(name) !== -1) return true}return false
}

vue组件引入外部js同时获取变量，解决重复引入相关推荐

vue如何引入外部js文件，待解决，急！！！
html中用<script src="https://mas.spdb.com.cn/public/scripts/app.upchat.js"></script ...
vue引入外部文件_vue文件中引入外部js
1.在项目的入口文件中(app.js)定义remoteScript标签 Vue.component('remote-script', { render: function (createElement ...
php引入外部js,vue.js怎么引入外部js,vue引入第三方js库
vue.js怎么引入外部js·怎么介绍外部js,在vue.js中引入外部js的方法如下:1.使用外部文件[config.js],代码为[函数格式XML(text){ return text }]:2. ...
vue实例中调用外部js_vue中引入外部js方法实例
我们在做vue项目时,经常会需要引入js,常用的有以下几种.本文主要和大家分享vue中引入外部js方法实例,希望能帮助到大家. 第一种import XX from "路径" Vue ...
uniapp怎么引入css_Uniapp怎么引入外部js
Uniapp引入外部js的方法:首先新建一个indexl文件,引入外部js,代码为[]:然后打开manifest文件. 本教程操作环境:windows7系统.uni-app2.5.1版本,该方法适用于 ...
uniapp引用外部js_Uniapp怎么引入外部js
Uniapp引入外部js的方法:首先新建一个indexl文件,引入外部js,代码为[]:然后打开manifest文件. 本教程操作环境:windows7系统.uni-app2.5.1版本,该方法适用于 ...
Nuxt 项目引入外部Js的正确姿势，问题描述：打包构建之后引入的外部 js失效，构建之后的 .nuxt 文件夹下的js文件中，引入 js 的script标签凭空消失！
首先先说我遇到的问题描述: 我是用vue + nuxt项目,项目中使用了阿里播放器,于是我在vue页面中直接引入了阿里播放器的 css和js文件,然后运行没有任何问题:如下图所示: 但是! ...
html中body引入js,ASP.NET MVC中在 @RenderBody() 或者 @Html.Partial()中需要使用引入外部js，css...
今天想在后台封装一下bootstraptree这个插件,引入jquery.js bootstrap.js bootstrap.css bootstrap-tree.js后,我在页面查看脚本错误就连最简 ...
引入外部js如何通知页面其编码格式
快来java1234 吧 js中如何设置编码格式 <script type="text/javascript" src="xxx" charset=&qu ...

vue组件引入外部js同时获取变量，解决重复引入

vue组件引入外部js同时获取变量

vue组件引入外部js同时获取变量，解决重复引入相关推荐

最新文章

热门文章