您现在的位置是:首页 > Javascript
当前栏目
前端vue2项目引入第三方js文件或者远程js文件并执行相应方法
2023-02-18 15:37:02 时间
啥也不多说,直接上结论
新建一个目录和文件例如:
./tools/load.js
//引入远程js,加载完成后执行相应方法 function loadJs(src) { return new Promise((resolve,reject)=>{ let script = document.createElement('script'); script.type = "text/javascript"; script.src= src; document.body.appendChild(script); script.onload = ()=>{ resolve(); } script.onerror = ()=>{ reject(); } }) } export default loadJs
在vue文件中使用,这个案例是引用我自己的客服js文件
mounted: function () { loadJs('https://gofly.v1kf.com/static/js/kefu-front.js').then(()=>{ KEFU.init({ KEFU_URL:"https://gofly.v1kf.com", KEFU_KEFU_ID: "taoshihan", KEFU_ENT: "5", KEFU_LANG:"cn", KEFU_SHOW_TYPES:1, KEFU_AUTO_OPEN:false, }) }); }