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