首页 > 其他分享 >前端vue2项目引入第三方js文件或者远程js文件并执行相应方法

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

时间:2022-11-07 13:25:16浏览次数:46  
标签:文件 loadJs script KEFU src vue2 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,
                })
            });
        }

 

标签:文件,loadJs,script,KEFU,src,vue2,js
From: https://www.cnblogs.com/taoshihan/p/16865593.html

相关文章

  • js获取上传音视频的时长
    js获取上传音视频的时长 获取上传视频路径,将该路径放入video标签,获取视频时长 方式一:隐藏一个音频标签,播放获取。<videostyle="display:none;"controls="controls......
  • js中innerHTML与innerText的用法与区别
    div.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。div.innerText: 从起始位置到终止位置的内容,但它去除Html标......
  • 如何在 Inno Setup 中关联多种文件格式
    问题描述InnoSetup是一款十分强大的Windows安装程序制作软件,可以通过编写并编译iss脚本来创建安装包。之前都是直接将Pyinstaller生成的文件夹压缩为zip格式来......
  • java 复制文件和图片
    一复制文件采用BufferedReader和BufferedWriter作为缓存publicstaticvoidmain(String[]args)throwsIOException{//TODOAuto-generatedmethodstubBuffer......
  • 8.文件上传和下载
      get和post请求的差别1.POST和GET本质都是一样一样的。2.POST和GET都是HTTP请求的基本方法。3.区别主要有以下几个:3-1GET请求在浏览器刷新或者回退的时候是无害的......
  • moment.js:105 Uncaught TypeError: date.clone is not a function
    在使用Antd的表单动态填充的方法setFieldsValue时出现的报错,是因为时间选择器回显出现了问题,当前的格式不支持显示,需要使用momentjs转换为正确的回显格式importm......
  • ROS学习记录之launch文件
    Launch文件中的根元素采用<launch>标签定义<launch><node><machine><include><remap><env><param><rosparam><group><test><arg> <node>启动......
  • java 常用的文件操作
    三种文件创建方操作:importorg.testng.annotations.Test;importjava.io.File;importjava.io.IOException;publicclassFileTest{publicstaticvoidmain......
  • js把json格式化
    1字符串转json对象2json对象转格式化的字符串<html><head></head><body><inputtype="button"οnclick="aa()"/><textarearows="13"cols="220"id="t"></textare......
  • /usr/bin/env: “php\r”: 没有那个文件或目录
    用./运行php脚本文件出现报错信息/usr/bin/env"php\r"没有那个文件或目录错误原因:这主要是因为\r这个字符的缘故。在linux终端下,输出\r会什么都不显示,只是把光标......