正常情况下是不建议嵌套使用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>问题完美解决~~


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