nuxt,vue交流群 群153181864 前端交流群 ,绝对原创,转载请附上 本微博链接。
场景: 一般外部JS我们都可以直接模块化成.vue 引入到 对应组件的 ,但是也会有那种需要动态获取的 JS
比如 百度地图.js 站长统计.JS这种, 这就尴尬了,好,怎么破,最粗暴的方案就是 直接 index.html 来一刀 引入了,这也是目前最流行的方法,也有比较温柔的方法 就是 webpack-require-http ------>>> 连接,这个方法我就不介绍了.
博主 今天要说的另一个 另类的方法 :getScript
$.getScript("http://www.aaasdsadsaeweq.js");
用法很简单啊,对 JQUERY的 你先要有,其次 要在dom节点加载完后 完 ,来,看看代码吧
mounted () {
var m=this;
this.$nextTick(function () {//dom节点加载完才执行
if(window.AMap==undefined){
$.getScript("http://webapi.amap.com/maps?v=1.4.7&key=xxxxxxxxxxxxxxxxxxxxxx",function(){
//这里就是请求完JS之后的回调啦
});
}else{
//
}
})
},
注意,因为我玩的是高德,所以是 window.AMap 来判断, 如果你是百度地图 记得换条件哦,