很多時候,一個組件庫往往不能滿足我們的需求,我們可以同時引入多個組件庫,但這樣會導致一些“不兼容”的現象出現。
例如,博主在應用中使用 vuetify中的 toolbar 和 iview 的Select 或者 DatePiker 等結合在一起,結果會出現下拉菜單被echarts圖表擋住的現象。
圖一(沒有繪製echarts圖表時):
圖二(繪製玩圖表再選時間時):
發現下拉菜單被擋住,根本點擊不到,嘗試了調解z-index等屬性無果,卡了好幾天,無奈使用了element-ui的組件,發現並無此問題,附圖:
發現Element這個時間選擇器雖然略醜了一點,但是並無上述問題。所以以後在Vuetify-toolbar中添加下拉菜單時選擇element更省心。完結撒花。
以下是用到的一些組件庫,附官網: