首页 > 其他分享 >解决Element中点开Dialog 对话框灰布在最上层的方法

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

时间:2022-10-29 00:00:36浏览次数:46  
标签:body 对话框 Element 灰布 Dialog true append

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             <!--新增分类弹出框-->

 

标签:body,对话框,Element,灰布,Dialog,true,append
From: https://www.cnblogs.com/lwl80/p/16837857.html

相关文章