v-echarts使用地圖時候不顯示的問題

原因: 引入mock.js的原因
https://github.com/ElemeFE/v-charts/issues/404#issuecomment-400587391

分析:

ve-map 獲取地圖數(shù)據(jù)的時候使用了一個簡單的 ajax 請求,然而項目中的 mockjs 把 xhr 封裝了一層,應(yīng)該觸發(fā)的 onload 沒有觸發(fā)出來,所以這個 promise 一直在 pending 狀態(tài),組件的渲染流程沒有繼續(xù)下去,所以就沒有正常顯示出來。
有兩種方案可以解決這個問題:

  • 去掉 mockjs ,使用別的方法來處理測試數(shù)據(jù)。
  • 使用 mapOrigin 屬性,預(yù)先在項目中引入地圖 json 并通過 mapOrigin 傳遞給組件,這樣就不需要通過 ajax 的方式引入地圖了。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Ajax和XMLHttpRequest 我們通常將Ajax等同于XMLHttpRequest,但細(xì)究起來它們兩個是...
    changxiaonan閱讀 2,398評論 0 2
  • 大家好,我是IT修真院深圳分院第3期的學(xué)員,一枚正直純潔善良的前端程序員,今天給大家分享一下,修真院官網(wǎng)前端工程師...
    大大頭大閱讀 8,108評論 1 72
  • ??2005 年,Jesse James Garrett 發(fā)表了一篇在線文章,題為“Ajax: A new App...
    霜天曉閱讀 945評論 0 1
  • 一:什么是閉包?閉包的用處? (1)閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。在本質(zhì)上,閉包就 是將函數(shù)內(nèi)部和函數(shù)外...
    xuguibin閱讀 10,067評論 1 52
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,886評論 1 45

友情鏈接更多精彩內(nèi)容