今天在表格上做了一个右键,你可以认为是一个查看详情,然后呢做了一个遮罩层,遮罩层自己没写,使用的是element的v-loading服务
this.diffModal = this.$loading({
lock: true,
spinner: ' ',
background: 'rgba(0, 0, 0, 0.1)'
});
然后查询详情的面板就是用了 position: fixed;
然后问题来了,在详情面板中的popover、el-dropdown看不到了,最后发现是z-index的问题,如何解决呢,其实就是修改详情面板的z-index即可
this.$nextTick(() => {
this.$el.querySelectorAll('.diff-box')[0].style.zIndex = parseInt(zIndex) + 1;
})