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

用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()即可

猜你喜欢

转载自blog.csdn.net/weixin_43322944/article/details/125971553
今日推荐