vue 引入第三方js问题?

238 阅读1分钟

1、问题

<script src="url"> </script> 
//通过<script>在index.html 文件中导入远程第三方js ,本地环境无法用,浏览器根本没加载这个远程js

2、解决办法1

   (function() {
      var hm = document.createElement("script");
      hm.src = "xxxx.js";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    
  // (function(){
  //   const s = document.createElement('script');
  //   s.type = 'text/javascript';
  //   s.src = 'XXXXXXXXXX.js';
  //   document.body.appendChild(s);
  // })();
  
  //然后在mounted(){}中使用,你会发现你使用的第三方js中的属性或方法 undefined,
  //原因就是你在使用的时候Js还没加载完毕
  
  //解决办法
  setTimeout(() => {
    console.log(window.eshimin ,"window")
  }, 1000);
  
  

3、解决办法2

 //将第三方js代码保存在本地
 require('./common/js/eshimin.js')
 require('./common/js/umeng.js')