javascript - 如何始终将 Vuetify Navigation Drawer 设置在所有其他应用程序组件之上

Question

我想知道我怎么能做到这一点。

对于某些组件，它似乎位于顶部，但是其他组件，例如 Leaflet (Map) 组件，它们与我的 SideDrawer 重叠，因此我无法正确使用它。

如何将我的导航抽屉设置为始终位于顶部，并且 z-index 比其他组件高？

标签： javascriptvue.jsleafletvuetify.js

Answer 1

1. 打开你的根组件App.vue
2. 确保您的样式标签没有 scoped 属性，以便 CSS 可以全局应用
3. 添加以下CSS

.v-navigation-drawer {
z-index: 999999 !important;
}