vue使用layer页面弹窗，元素被遮罩遮挡怎么解决

Question

在vue页面重写了一些元素，然后通过

layer.open({
    type: 1,
    content:$('#id'),
}); 

打开，但是元素被遮罩遮挡。

官方推荐写在body根目录，但是vue不可能去改index.html文件的，都是写在组件里，怎么解决这个问题

Answer 1

1. 放在最后面
2. 设置z-index

3. 人为制造层级

   <div id="app">
     <div id="content">
         ...这里放你之前的代码
     </div>
     <div id="id"></div>
   </div>

Answer 2

zIndex设置一下层级就行

layer.open({
    type: 1,
    zIndex: 1000,
    content:$('#id'),
});