Vue.js 传单+；Vue+；Vuetify/传单地图隐藏Vuetify弹出对话框

在我的Vuetify+Lealflet项目中，地图隐藏了所有弹出对话框，我不知道为什么。我使用Vue2传单库。我是一个网络开发的初学者。以下是问题的图片：

---

编辑：这是一个过时的答案

正如@ondrejsv在评论中指出的那样，见下文@Javier。

---

至少在Vuetify 2.1.9和Vue 2.6.x中，它不再工作。哈维尔的解决方案似乎奏效了

---

增加对话框的

z-index

style属性

<v-dialog style="z-index:9999;"
... rest of your code ...

---

问题在于z索引范围的冲突。Vuetify使用z指数范围0-10，而传单使用范围100-1100。幸运的是，子元素的z索引相对于其父元素的z索引

我建议你给
l-map
一个像这样的z-索引0

<l-map
  :center="center"
  :zoom="zoom"
  @click.right="mapRclicked"
  ref="map"
  style="z-index: 0; height: 50vh; width: 50vh"
>



这将自动使您的组件符合所有Vuetify z索引。相反，@bgsuello解决方案要求您修改可能与地图冲突的每个Vuetify组件的z索引，包括其他对话框、菜单、动画、选项卡、工具栏、快捷键…
我发现将地图包装在图像中是非常实用的，就像这样

<v-img
  height="100%"
  width="100%">
    <l-map>
    ... 
    </l-map>
</v-img>


... 

这样就不需要对z索引做任何事情。
非常感谢bgsuello:）我也必须设置地图z索引。它不再有效，至少在Vuetify 2.1.9和Vue 2.6.x中是如此。Javier的解决方案似乎有效。请记住，map元素还需要对z索引进行定位才能产生任何效果，例如
位置：相对

<v-img
  height="100%"
  width="100%">
    <l-map>
    ... 
    </l-map>
</v-img>