Vue加载Amd模块(echarts的省市json)
Vue不支持Amd多的暴露方式。会报各种not define
的错误
解决方式
- 删掉Amd暴露的代码。使用vue的向外暴露的代码。
- 将需要暴露的代码块拿出来,在Vue组件中引用即可
这里以echarts的北京市json为例说明 json数据
- 打开
beijing.js
,内容如下所示 - 其中已经标明数据,红框是将后面的json数据绘制成为echarts地图。并通过外层的代码块使用Amd规范向外暴露
- 将数据部分提取并保存在
bj.json
中 - 然后在组件中通过
import beijing from '../../assets/js/mapchart/bj.json'
引入(这里采用了局部引入,考虑到不同的组件中使用的不同的json数据) - 在中将引入的数据绘制为map,第一个参数同步绑定
option.geo.map
的值 - log打印一下
option.geo.map
查看输出不为空,成功