echart报错 Cannot read property ‘getAttribute‘ of undefined
Error in created hook: "TypeError: Cannot read property 'getAttribute' of undefined"用的Vue,第一反应是echart的引用错误,然后用cdn的方式引入,也是这样的错,最后发现是生命周期的原因用的created调用方法官方说明:实例已经创建完成之后被调用。在这一步,实例已完成以下的配置:数据观测(data obse
·
Error in created hook: "TypeError: Cannot read property 'getAttribute' of undefined"
用的Vue,第一反应是echart的引用错误,然后用cdn的方式引入,也是这样的错,最后发现是生命周期的原因
用的created 调用方法-------实例已经创建完成之后被调用。在这一步,实例已完成以下的配置:数据观测(data observer),属性和方法的运算, watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。
created数据构建完成,未渲染到页面
mounted -----el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素,当 mounted 被调用时 vm.$el 也在文档内。
mounted页面渲染完毕,数据也已挂载
1.错误原因
(1)没有定义id,没找到DOM
(2)js中在绘制地图的时候,获取了id为demo的div,但此时HTML中的body还没有执行
2.解决方法
mounted() {
this.getChart()
},
methods:{
getChart(){
let myChart = echarts.init(this.$refs.productChart)
myChart.setOption(this.option);
}
}
更多推荐
已为社区贡献4条内容
所有评论(0)