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

问题描述

问 题

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

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

解决方案

百度到了解决方法：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>

这篇关于javascript - 如何在vue模版里面用cdn外部远程连接，比如js，css的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！