鍍金池/ 問答/HTML/ vue echart 在子路由中渲染不出

vue echart 在子路由中渲染不出

項目中用在vue 中用echart 但是出現(xiàn)了問題 就是在快速的切換子路由時,echart渲染不出來,我去看了看檢查里,確實沒有渲染出來,慢點點沒問題 ,如果把這幾個組件不做子路由也沒問題,搜索了也沒有相關(guān)的問題,求大神幫忙解答一下,也沒有報任何錯誤
圖1這是路由的配置
圖片描述

圖2 是正常加載的echart
圖片描述

圖三 是沒加載出來 DIV下面沒有東西
圖片描述

回答
編輯回答
陌上花

你可以把echart在index.html引入,這樣就是全局了

2017年7月16日 01:22
編輯回答
浪蕩不羈

可以參照vue-echarts

2017年10月26日 16:06
編輯回答
不將就

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

2017年2月17日 14:44