vue切換頁面後,echarts不顯示

2022-09-23 12:48:11 字數 611 閱讀 5800

遇到乙個echarts的問題,查了一天的資料,終於解決了!

頁面一開始,圖表能出來,但是切換過頁面後,再回來就不顯示了。之前:

之後:

echarts的dom元素有乙個屬性:_echarts_instance_,它應該類似id,需要每次重新整理重新生成。如圖:

vue切換路由的時候,這個屬性一直沒變,因此解決方案如下:

const command_edom = document.getelementbyid("

command");

command_edom.removeattribute(

"_echarts_instance_");

this.mychartpie =echarts.init(command_edom);

this.mychartpie.setoption(this.commandoption);

可以手動刪除這個屬性,讓它重新生成!

滑動切換頁面

1.首先需要在activity介面中新增乙個view 2.view 需要搭配乙個介面卡才能使用,介面卡可以決定建立多少各view,返回當前要顯示的view。有多種型別的adapter,這裡使用的是fragment adapter。public classvpadapterextendsfragmen...

vue 移動端專案切換頁面,頁面置頂

之前專案是pc端是使用router的方式實現置頂的 router.aftereach to,from,next 但是改了移動端就沒有效果了,稍微查了一下,好像說是要body裡才有用。可能與我使用了vux ui有關 在深究router方式還是找新方法的選擇上,我選了後者,自定義的common.js 這...

Vue中斷axios請求 切換頁面 重複請求

所以我們應該,切換頁面前中斷前面所有請求 在main.js中,重新封裝axios請求,在router.beforeeach強制中斷請求 vue函式新增乙個原型屬性 axios 指向axios,這樣vue例項或元件中不用再去重複引用axios 直接用this.axios就能執行axios 方法 使用請...