vue tab切换echarts的时候(v-if和v-show)不显示的问题
直接上代码<div class="survey-distribution" ref="dtuDistribution"></div>mounted() {this.distributionChart = this.$echarts.init(this.$refs.dtuDistribution)this.distributionChart....
·
直接上代码
<div class="survey-distribution" ref="dtuDistribution"></div>
mounted() {
this.distributionChart = this.$echarts.init(this.$refs.dtuDistribution)
this.distributionChart.setOption(dtuDistributionOption.pieOption)
this.distributionChart.resize()
}
updated() {
this.distributionChart.resize()
},
在updated()钩子函数中重新resize()一下就好了。另外,使用v-if的时候,当条件为false时,会出错,因为此时div是不存在的,所以无法对图表进行初始化。还有,div必须要设置高度。
更多推荐
已为社区贡献10条内容
所有评论(0)