今天在表格上做了一個右鍵,你可以認爲是一個查看詳情,然後呢做了一個遮罩層,遮罩層自己沒寫,使用的是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;
})