如何调整Element UI中弹窗组件的层级顺序？

本文共计466个文字，预计阅读时间需要2分钟。

前情简介：Element，一套为开发者、设计师和产品经理准备的基于Vue 2.0的桌面端组件库。在项目中，我们使用了它，非常满意。使用Element组件时，十分别致，但使用弹框时，却有些许不便。

前情

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，在项目中我们就使用了它，非常nice

坑位

在使用Element组件的时候，一切都十分顺利，但是在使用弹框类组件Popover 的时候，发现并没有效果。

Why?

通过控制台查看元素后发现，其实Popover是有作用的，只是被页面上别的内容遮挡了，是因为zIndex低于页面上其它元素所致

解决方案

通过查询Element文挡后发现官方是有考虑到层级问题，需要指定一个初始层级，后面的弹框类组件的层级会累加+1，这样就保证后面触发的层级始终高于前面的组件。

Element初始化时重置层级

Element组件使用有二种方式，对于不同的使用方式解决方式不同。