前端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 @   唯一客服系统开发笔记  阅读(2459)  评论(1编辑  收藏  举报
相关博文:
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
历史上的今天:
2021-11-07 [前端系列] vue3和elementui使用recorder.js实现录音功能
2019-11-07 [Linux] 纯净ubuntu快速搭建宝塔面板
2019-11-07 [PHP] PDO对象与mysql的连接超时
2018-11-07 [日常] HTTP连接管理
点击右上角即可分享
微信分享提示
1
chat with us