踩坑紀錄
使用Vuex保存數據後，刷新頁面圖表渲染沒資料
解決方案：
經查詢發現，經由created調用Actions裡面的異步請求的時間，會在mounted調用生成表格的配置前面，造成沒有數據
使用定時器來解決此問題
setTimeout(() => {
var myChart1 = echarts.init(this.$refs.echarts1);
// 配製圖表1
myChart1.setOption({
.....
});
}, 1000);
思考過下面方式，但都不可用
- 使用this.$nextTick(() => {….});來解決，但需將調用數據、保存數據及渲染圖表都寫在$nextTick()內，不符合此問題使用
- 使用watch監聽vuex的數據變化，因vuex中的state實際上並沒發生變化，問題是保存數據時間在渲染圖表之前造成，此方法物無效
轉載請注明來源，歡迎對文章中的引用來源進行考證，歡迎指出任何有錯誤或不夠清晰的表達。可以郵件至 b8954008@gmail.com