vue使用layer弹窗被遮挡

Question

如图，在vue中使用layer弹窗
内容是一段元素，放在vue页面中，打开以后被遮罩挡住

layer.open({
  type: 1,
  title:"会员详情",
  content: $('#detail-box'),
});

官方是说最好放在body最外层，但是vue不可能随便去修改index.html的，所以该怎么解决。元素没放在body最外层，又能正常弹出

Answer 1

修改一样他的样式z-index:99，层级设的比mask层高一点

Answer 2

layer.open({
    type: 1,
    title: "会员详情",
    content: $('#detail-box'),
    success: function() {
        $('.layui-layer-shade').css('z-index', '99');
    }
});

Answer 3

body 最外层是指一个指代，
可以放到你的 app.vue 里面，
作为和 router-view 同级或者更高级的组件，
通过 vuex 在调用的时候传入内容！

如果期望传递组件，记得重新封装一下 layer