vuetify.js - 如何确保 vuetify 的下拉菜单具有最高的 z-index？

Question

我正在使用一个v-combobox跨越整个网格宽度的组件。

在它的正下方，有一个带有一些工具栏图标的图表（ApexCharts），这些图标似乎z-index比组合框的扩展下拉列表要高：

有什么办法可以增加z-index下拉菜单，使其出现在这些图标之上？ApexCharts 似乎没有这样的选项可以通过设置进行配置。

标签： vuetify.jsapexcharts

Answer 1

显然，将z-index值v-combobox作为普通样式添加到定义中就足够了：

<v-combobox
   v-model="selectedItem"
   label="Type or select item name"
   :items="availableItems"
   @change="updateDescription"
   clearable
   style="z-index: 12"
></v-combobox>

ApexCharts将工具箱图标定位为z-index等于 11（在开发控制台中找到），因此设置 12 足以用扩展的下拉菜单覆盖图标。