問題:
vue-cli搭建的項目,在mounted鈎子函數里面創建echarts圖表,本地模擬數據可以正常顯示,但是當將ajax請求的遠程數據賦值給圖表時,圖表並不會刷新。
解決辦法:
剛開始以為是vue綁定的數據沒有綁定成功,查找資料后發現並不是vue的問題,而是echarts的問題,echarts的數據發生改變時並不會自動刷新,而是需要重新創建這個圖表,於是將圖表創建部分封裝成一個函數,在mounted請求到遠程數據后調用這個函數,並將參數以形參的方式傳給函數,這樣函數圖標創建時的數據就是更新后的數據了,再以這個新數據創建圖表就能達到理想的效果了。