どのようにDom要素の全画面の時にElementのselectコンポーネントを正常に表示させますか?

最近のプロジェクト開発では、Elementのselectコンポーネントを使用しているときにDom要素のフルスクリーンモードのときにselectコンポーネントのドロップダウンメニューがなくなったという奇妙なバグに遭遇しました.
不思議なことに、コンソールを見ると、selectコンポーネントのDomノードが実際に存在していることがわかります.
ソリューション
Elementは、body要素にポップアップボックスを挿入するかどうか、popper-append-to-bodyプロパティのソリューションを公式に提供しています.値がfalseの場合、Dom要素がフルスクリーンモードであってもselectコンポーネントは正常に表示されます.

サンプルコードのダウンロード
以上のコードをコピーして実行して使用効果を確認したり、GitHub: https://github.com/Jackyyans/code123にダウンロードしたりすることができます.より多くの例が更新されますので、ご注目ください.
作者:コード123
テキストリンク:http://www.getcode123.com/how-to-show-select-component-fullscreen
转载请附上原文链接