首頁(yè) 猿問(wèn) vue echart 在子路由中渲染不出

vue echart 在子路由中渲染不出

JavaScript

溫溫醬 2019-02-20 15:17:47

項(xiàng)目中用在vue 中用echart 但是出現(xiàn)了問(wèn)題就是在快速的切換子路由時(shí)，echart渲染不出來(lái)，我去看了看檢查里，確實(shí)沒(méi)有渲染出來(lái)，慢點(diǎn)點(diǎn)沒(méi)問(wèn)題，如果把這幾個(gè)組件不做子路由也沒(méi)問(wèn)題，搜索了也沒(méi)有相關(guān)的問(wèn)題，求大神幫忙解答一下，也沒(méi)有報(bào)任何錯(cuò)誤圖1這是路由的配置圖2 是正常加載的echart 圖三是沒(méi)加載出來(lái) DIV下面沒(méi)有東西

查看完整描述

1 回答

莫回?zé)o

TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊

找到問(wèn)題了，因?yàn)閑chart每次在路由跳轉(zhuǎn)的時(shí)候都要重新渲染點(diǎn)擊過(guò)快容易出現(xiàn)渲染失敗的問(wèn)題，
用在看demo的時(shí)候看到在vue-router寫著keep-alive，keep-alive的含義：
如果把切換出去的組件保留在內(nèi)存中，可以保留它的狀態(tài)或避免重新渲染。為此可以添加一個(gè)keep-alive指令，從而不會(huì)出現(xiàn)渲染不出的情況

反對(duì) 回復(fù) 2019-02-24