問題總結

上週開發遇到了一個問題

表象：

​ 通過陣列迴圈生成一個元件列表，在第一個元件寫入資料之後，當在陣列首位新增一個數據的時候，發現之前首位元件的資料，被渲染到了，新新增的首位元件上。並且之前的首位元件，資料也被清空。

原因: 和元件的Key相關，v-for指令渲染時，會通過key值，進行資料的重新渲染，而我元件列表中，每個元件Key都是使用的陣列的下標index。所以如果是從陣列首位或其他非尾部的位置插入資料，那麼、元件的Key就發生變化了。

解決方案：給每個元件添加了不會變的Key值。如果有操作v-for資料的，則必須保證:key不能發生變化

2. echarts 問題

表象：

圖示第二次載入時候，展示為空白，只有重新整理才會展示。

原因：

為快取原因 ,當echarts例項生成後，第二次執行init方法會失敗。

解決方案：

var chart = document.getElementById('lineChart');
//加上這句,第二次初始化時，去掉例項標識
chart.removeAttribute("_echarts_instance_");
myChart = echarts.init(chart);
myChart.setOption(option);

本文來自部落格園，作者：小L同學，轉載請註明原文連結：https://www.cnblogs.com/student007/p/15098972.html