Vuetify + iView + echarts下拉菜單被canvas圖表擋住的問題

很多時候,一個組件庫往往不能滿足我們的需求,我們可以同時引入多個組件庫,但這樣會導致一些“不兼容”的現象出現。

例如,博主在應用中使用 vuetify中的 toolbar 和 iview 的Select 或者 DatePiker 等結合在一起,結果會出現下拉菜單被echarts圖表擋住的現象。

圖一(沒有繪製echarts圖表時):

圖二(繪製玩圖表再選時間時):

發現下拉菜單被擋住,根本點擊不到,嘗試了調解z-index等屬性無果,卡了好幾天,無奈使用了element-ui的組件,發現並無此問題,附圖:

發現Element這個時間選擇器雖然略醜了一點,但是並無上述問題。所以以後在Vuetify-toolbar中添加下拉菜單時選擇element更省心。完結撒花。

以下是用到的一些組件庫,附官網:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章