el-image在表格中显示,弹出的预览图片被遮挡,如何解决
在表格中显示图片,点击弹出层后会被遮挡:
<el-table-column label="图片" align="center" prop="photo"><template #default="scope"><el-image class="photo-image"ref="imageRef":z-index="99999"style="width: 100px; height: 100px":src="scope.row.photo":preview-src-list="scope.row.photos"/></template></el-table-column>
如何解决这个问题:
只需要添加 preview-teleported=“true” 即可解决
<template #default="scope"><el-image class="photo-image"ref="imageRef":z-index="99999"style="width: 100px; height: 100px":src="scope.row.photo":preview-src-list="scope.row.photos"
preview-teleported="true"/></template>