记录echarts踩坑问题
问题：当父组件传值给子组件echarts时，发现子组件获取的props为空，刚开始以为是钩子函数放错了地方，后来发现从mounted和created都不行。当在父组件data定义传递的数据的时候子组件显示正常
原因：后来经过排查，此处省略N字，发现echarts是在渲染的时候就传递数据
解决方案：在父组件定义一个flag，当数据获得的之后再进行子组件的渲染
//父组件... export default { name: 'device', data() { return { flag:false, piedata:{}, ... }, created(){ this.init() }, methods:{ init(){ axios.get('/static/mock/status/pie.json').then(this.getInfoSucc) }, getInfoSucc(res){ res = res.data; if(res.code ==0){ const values = res.values; this.piedata = values.piedata; this.flag = true } }
//子组件
然后子组件就能正常显示了 
立即学习“前端免费学习笔记（深入）”；
本文讲解了vue中父组件向子组件echarts传值问题 ，更多相关内容请关注php中文网。
相关推荐：
Javascript 严格模式详解
