問題復現：
正常狀態下：
切換到其他頁面再切換回來：
問題解決：
其實這個問題的解決方式官網寫得清清楚楚，我們看看官網怎么解決的：
接下來我用代碼解釋下這句話（正確的做法是，在圖表容器被銷毀之后，呼叫 echartsInstance.dispose 銷毀實體，在圖表容器重新被添加后再次呼叫 echarts.init 初始化）：
const myEchart = ref(null)
// 組件掛載完成時呼叫
onMounted(() => {
testEcharts() // （在圖表容器重新被添加后再次呼叫 echarts.init 初始化）
})
const testEcharts = () => {
myEchart.value = https://www.cnblogs.com/isYunjiang/archive/2023/02/15/echarts.init(document.querySelector('.echarts-dom'))
...你的代碼...
}
// 組件被卸載后呼叫
onUnmounted(() => {
myEchart.value.dispose() // （在圖表容器被銷毀之后，呼叫 echartsInstance.dispose 銷毀實體）
})
總結：
在有 Echarts 圖表的頁面在卸載時我們都要對圖表進行銷毀
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/544047.html
標籤：其他