vue引入链接形式(网站)的js文件

创建script标签的方法(定义自定义组件)

代码如下(示例):

export default {
    
    
  components: {
    
    
    tabVue,
    'remote-js': {
    
    
      render (createElement) {
    
    
        return createElement('script', {
    
     attrs: {
    
     type: 'text/javascript', src: this.src } });
      },
      props: {
    
    
        src: {
    
     type: String, required: true },
      },
    },
  },

}

引用组件:
这里引用的是three.js这个外部js

 <remote-js src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/three.js/71/three.min.js"></remote-js>

src中使用的既是链接形式的js文件
查看效果:

在这里插入图片描述
在这里插入图片描述
dom创建完成并且插件使用正常
非常nice!!!

猜你喜欢

转载自blog.csdn.net/linan996/article/details/120918876