效果图(图片有点发白,显示是灰色):
代码:
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>
解决:
给 el-dialog
添加 :modal-append-to-body="false"
属性
如果取消预览之后 还是会出现遮罩层
给 el-dialog 添加 :append-to-body="true" 属性
这两种方式可以都试一下
<el-dialog :visible.sync="dialogVisible" :modal="false">
<img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>