image-preview不能加载部分图片的问题

先贴代码片段和两种写法的效果

<el-table-column label="图片" align="center" prop="imageurl" width="100">
        <template slot-scope="scope">
          <image-preview :src="scope.row.imageurl" :width="100" :height="100"/>
          <el-image
            style="width: 100px; height: 100px"
            :src="scope.row.imageurl"
            :preview-src-list="[scope.row.imageurl]"
          ></el-image>
        </template>
      </el-table-column>

加载的是这张图片

https://img0.baidu.com/it/u=2071424907,2614606779&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=667

image-preview是若依vue前端默认写法,无法加载百度的这张图片,其他的图片倒是正常。

无法理解这个问题,解决方法是换element-ui的预览写法去展示这张图片

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值