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

Question

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

在它的正下方，有一个带有一些工具栏图标的图表 (ApexCharts)，这些图标似乎 z-index 高于组合框的展开下拉列表：

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

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 足以覆盖扩展下拉菜单的图标。

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

How to ensure vuetify's dropdown menu has the highest z-index?

vuetify.js

apexcharts