解决Element中点开Dialog 对话框灰布在最上层的方法

append-to-body: Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true
设置属性 :append-to-body='true’即可让对话框在最上层,灰布在它的下面

复制代码
 1 <!--新增分类弹出框-->
 2 <el-dialog v-model="btn_xinzengfenlei" title="新增分类" width="30%" center :append-to-body='true'>
 3                     <span>
 4                       名称<el-input v-model="input_addxinzengfenleiName"></el-input>
 5                     </span>
 6                   <template #footer>
 7                           <span class="dialog-footer">
 8                             <el-button @click="btn_xinzengfenlei = false">取消</el-button>
 9                             <el-button type="primary" @click="addKuaijiefagnshiFun()">
10                               新增
11                             </el-button>
12                           </span>
13                   </template>
14                 </el-dialog>
15             <!--新增分类弹出框-->
复制代码

 

posted @   勤快的懒羊羊  阅读(1309)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示