这篇文章主要介绍了如何解决vue中父组件向子组件echarts传值问题，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
创新互联公司是一家从事企业网站建设、做网站、
网站设计、行业门户网站建设、网页设计制作的专业网站建设公司，拥有经验丰富的网站建设工程师和网页设计人员，具备各种规模与类型网站建设的实力，在网站建设领域树立了自己独特的设计风格。自公司成立以来曾独立设计制作的站点上1000家。
问题：当父组件传值给子组件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传值问题”这篇文章对大家有帮助，同时也希望大家多多支持创新互联建站，关注创新互联网站制作公司行业资讯频道，更多相关知识等着你来学习!
文章名称：如何解决vue中父组件向子组件echarts传值问题-创新互联
转载注明：
http://cdxtjz.cn/article/djedcj.html
