前言

• 實際開發我們經常發現dialog彈出框默認點擊遮罩層空白地方就會關閉-有屬性可以關閉

• 但是經常會圖方便-或者已經寫完了，不想一個個寫，可以在main.js進行統一關閉

• 當我們在頁面進行復雜設計和層級關閉改變，會發現右上角的退出登錄彈出款在我們頁面之下

• 這是我們不管怎么修改這個組件，和行內樣式的層級都沒什么效果，這是我們可以在main.js統計進行層級改變

實現過程-main.js文件

1.修改dialog彈出框點擊遮罩層關閉彈框-統一處理

// 默認點擊背景不關閉彈窗
import ElementUI from 'element-ui'
ElementUI.Dialog.props.closeOnClickModal.default = false

2.修改element-ui所有組件的層級關系

Vue.use(Element, {zIndex: 99999 
})

?

---

總結：

經過這一趟流程下來相信你也對 vue-pc端elementui-統一修改問題 有了初步的深刻印象，但在實際開發中我 們遇到的情況肯定是不一樣的，所以我們要理解它的原理，萬變不離其宗。加油，打工人！

什么不足的地方請大家指出謝謝 -- 風過無痕