序文

実際の開発では、マスクレイヤーの空白領域をクリックするとダイアログポップアップボックスがデフォルトで閉じられることがよくあります。閉じることができるプロパティがあります
しかし、それは便利な場合が多く、またはすでに書かれており、いちいち書きたくない場合は、main.js で閉じることができます。
ページ上で複雑なデザインとレベルクロージャの変更を行うと、右上隅のログアウトポップアップがページの下にあることがわかります。
これは、このコンポーネントをどのように変更しても、インラインスタイルのレベルには影響しません。これが、main.js 統計でレベルを変更できる理由です。

1. ダイアログポップアップボックスを変更し、マスクレイヤをクリックしてポップアップボックスを閉じます - 統合処理

// 默认点击背景不关闭弹窗
import ElementUI from 'element-ui'
ElementUI.Dialog.props.closeOnClickModal.default = false

2. element-ui のすべてのコンポーネントの階層関係を変更します。

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

要約:

このプロセスを経て、vue-pc 側の elementui-unified 修正問題についての予備的な印象が深くなったと思いますが、実際の開発で遭遇する状況は決定的に異なるため、その原理を理解する必要があります。。さあ、労働者を殴ってください！

不備があればご指摘ください、ありがとうございます -- Fengguowuhen

Vue-PC側の要素ui-統合された変更の問題-ダイアログダイアログボックスの空白をクリックして問題を閉じる-要素-すべてのコンポーネントレベルの問題