2、el-image设置error图像

zhaogaojian

于 2023-12-01 16:54:00 发布

阅读量695

点赞数 7

本文链接：https://blog.csdn.net/zhaogaojian/article/details/134945044

版权

注意和2.0不同

<el-table-column label="人脸图像" align="center" prop="imageUrl" width="200px">
        <template #default="scope">
          <el-image :src=getImgUrl(scope.row.imageUrl) preview-teleported="true"  fit="cover"
            :preview-src-list=[getImgUrl(scope.row.imageUrl)] alt="Description" style="width: 100px; height: 100px;">
              <template #error>
                <div class="image-slot" >
                  <el-icon style="width: 100px; height: 100px;font-size: 100px;color:lightgray"><picture-filled /></el-icon>
                </div>
              </template>
            </el-image>
        </template>