前端vue2项目引入第三方js文件或者远程js文件并执行相应方法

啥也不多说,直接上结论

新建一个目录和文件例如:

./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,
                })
            });
        }
复制代码

 

posted @   唯一客服系统开发笔记  阅读(2456)  评论(1编辑  收藏  举报
相关博文:
阅读排行:
· 开箱你的 AI 语音女友「GitHub 热点速览」
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(二):用.NET IoT库
· 几个自学项目的通病,别因为它们浪费了时间!
· C#钩子(Hook) 捕获键盘鼠标所有事件 - 5分钟没有操作,自动关闭 Form 窗体
· 特斯拉CEO埃隆.马斯克的五步工作法,怎么提高工程效率加速产品开发?
历史上的今天:
2021-11-07 [前端系列] vue3和elementui使用recorder.js实现录音功能
2019-11-07 [Linux] 纯净ubuntu快速搭建宝塔面板
2019-11-07 [PHP] PDO对象与mysql的连接超时
2018-11-07 [日常] HTTP连接管理
点击右上角即可分享
微信分享提示