在引入echarts时,Vue出现mount hook中调用getAttribute导致null出现的错误
发布时间
阅读量:
阅读量
问题出现场景分析
今天在vue中引入echarts时,运行报错
[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null】
## 问题排查
在运行Vue项目时出现了上述错误,出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的,代码如下:
var myChart = echarts.init(this.$refs.map)
myChart.setOption(this.mapOption)
## 解决办法
利用Vue中的ref和$refs 来代替document.getElementById()获取该图形容器对象,代码如下:
<template>
<div>
<baidu-map class="bm-vie
全部评论 (0)
还没有任何评论哟~
