elementUI の箇条書きボックスはフォームをネストしますが、フォームはマスクで覆われています

私の問題は、ボタンをクリックすると、elementUIフォームがポップアップするはずですが、フォームがマスクで覆われていることです

インターネットで情報を検索したところ、ダイアログの下に modal-append-to-body と append-to-body の 2 つの属性があることがわかりました。

 modal-append-to-body body 要素にマスク レイヤーを挿入するかどうか。false の場合、Dialog の親要素にマスク レイヤーが挿入されます

append-to-body Dialog 自体が body 要素に挿入されるかどうかにかかわらず、ネストされた Dialog はこの属性を指定し、値を true に設定する必要があります

添加   :append-to-body="true"

<el-dialog title="信息充填写" 
           :visible.sync="dialogFormVisible" 
           :append-to-body="true">

この属性を追加すると、フォームはマスクで覆われなくなります

 

おすすめ

転載: blog.csdn.net/m0_62404884/article/details/124561220