正常情况下是不建议嵌套使用Dialog的,如果要在页面同时显示多个Dialog,可以将他们平级放置,不过如果确实需要的话也是可以使用 append-to-body 这个属性~
出现这个情况是嵌套内层的dialog没有使用 append-to-body 这个属性
<template> <el-dialog title="保证金余额流水" :close-on-click-modal="false" :visible.sync="pageSetting.visible" class="el-upload-list el-upload-list--picture-card" > <span>{{pageData.userId}}</span> </el-dialog> </template> <script>
在被嵌套的dialog中添加 append-to-body 属性就可以啦,像酱紫
<template> <el-dialog title="保证金余额流水" :close-on-click-modal="false" :visible.sync="pageSetting.visible" class="el-upload-list el-upload-list--picture-card" append-to-body> <span>{{pageData.userId}}</span> </el-dialog> </template>
问题完美解决~~

微信扫码查看本文
发表评论