当前位置:网站首页>【完美解决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()即可
边栏推荐
猜你喜欢
随机推荐
WinServer 2019 组策略开启远程桌面
学习编程的第九天
学编程的第八天
学习编程的第四天
1. Introducing GEE and Geemap
继承和选择器的权重
Typescript学习(一)
Go语言基础(十):接口
【Chinese and English Catalog】Introduction
Access Characteristics of Constructor under Inheritance Relationship
前言:关于作者吴秋生博士与此书简介
float属性的使用
微信小程序学习(二)
学编程的第五天
5. Visualizing Geospatial Data
学编程的第七天
C语言循环结构之万恶之源goto语句
Mysql(四)
开始记录自己的学习过程和目标
2022华数杯建模B题思路解析









