欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue echart 仪表盘传值问题(传值未显示,刷新图表消失)

程序员文章站 2022-08-19 16:34:35
遇到的第一个问题:传值传不过去,我从接口那里得到了一个object,在父组件console得出来,但是传到子组件显示的东西很奇怪,是 object:dpe id:35之类的东西错误的原因:我的父组件值初始化写法有问题,详情建议大家看看这个http://c.biancheng.net/view/5773.html的第三点错误写法:比如我要得到jal 我再data()中写成了 jal:{}正确写法把你需要的属性都写出来初始化。第二个问题:页面刚保存是有显示,然而f5刷新页面后图......

遇到的第一个问题:

传值传不过去,我从接口那里得到了一个object,在父组件console得出来,但是传到子组件显示的东西很奇怪,是 object:dpe id:35之类的东西

错误的原因:我的父组件值初始化写法有问题,详情建议大家看看这个http://c.biancheng.net/view/5773.html 的第三点

错误写法:比如我要得到jal 我再data()中写成了 jal:{} 

正确写法vue echart 仪表盘传值问题(传值未显示,刷新图表消失)把你需要的属性都写出来初始化。

 

第二个问题:

页面刚保存是有显示,然而f5刷新页面后图表消失了。这是因为echarts渲染的问题,我的理解是传数据在图表渲染之前,所以等图表渲染好数据就没有了。

解决方式:

在引用子组件处绑一个标记vue echart 仪表盘传值问题(传值未显示,刷新图表消失)

data()处 flag=false

得到数据的方法里将flag变成true

vue echart 仪表盘传值问题(传值未显示,刷新图表消失)

这样就可以了

本文地址:https://blog.csdn.net/qq_36445925/article/details/108853913

相关标签: vue.js