当前位置：网站首页>【完美解决v-if导致echart不显示问题】

【完美解决v-if导致echart不显示问题】

2022-08-09 15:07:00 【良匠】

用v-if切换之后，会导致echart不显示了。试过了网上很多方法都不行。
偶然之下发现一个骚操作，直接用this.$nextTick(() => {})把你的加载exhart代码全部包住就行了

比如原来的加载echart代码如下：

loadCharts() {
	myChart = this.$echarts.init(document.getElementById('myChart'))
    ..........
}

包住之后

loadCharts() {
	this.$nextTick(() => {
		myChart = this.$echarts.init(document.getElementById('myChart'))
	    ..........
	})
}

最后在触发v-if为true的地方再调用一次加载echart的方法loadCharts()即可

版权声明
本文为[良匠]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_43322944/article/details/125971553