如何在vue模版里面用cdn外部远程连接,比如js,css

如何在.vue模版里面用一些外部远程cdn的一些链接,
比如说我要调用jquer (当然这个npm库里有,直接引用也可以import)下载包什么的
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

但是我就是单纯的想引用外部的js文件 。求方法 ,新鸟不会用诶

阅读 13.7k
2 个回答

百度到了解决方法:http://www.tuicool.com/articl...

里面有讲到3种方法,我这里就粘一个终极方法,我自己也在用

通过封装一个组件 remote-js 实现:

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

使用方法

<remote-js src="https://g.alicdn.com/dingding/dinglogin/0.0.2/ddLogin.js"></remote-js>

不太清楚为什么要写在vue文件里面,直接写在html文件里面不能实现吗~~求问楼主

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题