最近在學習vue的途中，需要用到乙個使用element元件的tabs結合echart來使用的地方，但是出現了一點問題，切換時一直沒辦法顯示，但無意中按出開發者工具就突然顯示了，很是不解。找了很久，在一篇部落格中發現乙個很好用的例子。
直接在el-tab-pane標籤內使用lazy="true"即可顯示
**如下
這次就到這裡，如果有什麼問題請指正，嘻嘻。
切換tab頁時，tab頁中的echart變形問題
在兩個tab頁中，分別展現了兩個echart圖表，同樣的格式與寫法，但只有在預設選中的tab頁中的圖表顯示的是正常的，但進入另乙個tab頁中時，圖表則產生了變形的問題，如下圖所示 在網上查了很多，有各種方法，嘗試之後也並沒有改變變形的問題，終極原因是在頁面進行載入時，隱藏的圖表找不到對應的div大小...
Vue系列 在vue專案中使用echarts
該示例使用vue cli腳手架搭建 npm install echarts s或者使用國內的 映象 npm install g cnpm registry taobao org cnpm install echarts s 引入echarts import echarts from echarts ...
Vue系列 在vue專案中使用echarts
該示例使用vue cli腳手架搭建 npm install echarts s或者使用國內的 映象 npm install g cnpm registry cnpm install echarts s 引入echarts import echarts from echarts vue.prototy...