el-image图片预览显示bug

原本代码
<el-table-column label="附件" width="120">
            <template #default="scope">
              <el-image
                  v-if="scope.row.attachmentUrl"
                  :src="scope.row.attachmentUrl"
                  :preview-src-list="[scope.row.attachmentUrl]"
                  style="width: 40px;height: 40px;border-radius: 5px">
              </el-image>
            </template>
          </el-table-column>

 出现了各种bug

解决方案 ： 添加 preview-teleported 属性即可

?

1 2 3 4 5 6 7 8 9 10 11

<el-table-column label="附件" width="120">             <template #default="scope">               <el-image                   v-if="scope.row.attachmentUrl"                   :src="scope.row.attachmentUrl"                   :preview-src-list="[scope.row.attachmentUrl]"                   style="width: 40px;height: 40px;border-radius: 5px"                   preview-teleported>               </el-image>             </template>           </el-table-column>