Vue script标签引入第三方js库

2019-08-04  本文已影响0人  跨端开发

导入第三方库

有时需要使用<script>导入第三方库,以下是Vue导入方法

let script = document.createElement('script');
      script.setAttribute('async', '');
      script.setAttribute('charset', 'utf-8');
      script.setAttribute('type', 'text/javascript');
      script.addEventListener('load', () => {
        console.log('on load script')
      });
      script.addEventListener('error', () => {
          self.printError('Failed to load ');
      });
      script.src = 'https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js';
      let node = document.getElementsByTagName('script')[0];
      node.parentNode.insertBefore(script, node);
      

通过代码在DOM中插入一个<script>节点。

上一篇下一篇

猜你喜欢

热点阅读