elementui關於彈出的卡片,模態框Z-index與自己編寫的定位層問題

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章