vue 图片路径请求错误

最新推荐文章于 2024-08-10 22:18:52 发布

98k在线狙击

最新推荐文章于 2024-08-10 22:18:52 发布

阅读量762

点赞数

文章标签： vue.js vscode 前端

本文链接：https://blog.csdn.net/h_eader/article/details/122252370

版权

在Vue项目中，当图片请求失败时，可以通过HTML的`@error`事件结合data属性设置默认图片。例如，使用`<img>`标签，如果`item.pictureDisplayPath`路径无效，则加载`labimg`定义的默认图片。通过`defaultCattle`方法，可以更新图片源为默认图片并移除错误处理。

摘要由CSDN通过智能技术生成

vue 图片路径请求错误返回默认图片

   //html
    <img:src="item.pictureDisplayPath ? item.pictureDisplayPath : labimg" @error="defaultCattle" />
    //data定义
    labimg:require("图片路径"),
   //方法
   defaultCattle(event) {
      let img = event.srcElement;
      img.src = this.labimg;//默认图片路径，data定义
      img.onerror = null;
    },