vue项目中有时候会遇到加载远程(网络)js的情况,常用的方法有以下两种:
以加载在线的cesium为例
在组件中可以通过 window.Cesium 来获取加载的js,示例如下:
在main.js里注册组件
注意:注册组件一定要在new Vue之前
在组件中使用:
这样使用比较灵活还能在加载完成和加载失败时做一些操作。
mounted() {
const s = document.createElement('script')
s.type = 'text/javascript'
s.src = '你的需要的js文件地址'
document.body.appendChild(s)
}
export default {
components: {
'remote-js': {
render(createElement) {
return createElement(
'script',
{
attrs: {
type: 'text/javascript',
src: '你的需要的js文件地址',
},
},
)
},
},
},
}