前端img 的src如果有图就显示图如果没有图小图不显示

Q520@yuyan

已于 2022-10-31 15:46:12 修改

阅读量400

点赞数

文章标签： vue.js 前端 javascript

于 2022-10-31 15:28:09 首次发布

本文链接：https://blog.csdn.net/weixin_57725256/article/details/127616444

版权

绑定img的@error事件就可以

上代码：

<template>
   <img
        v-if="isHandImg"
        :src="'https://zxyj-stor-test-01.oss-cn-shanghai.aliyuncs.com/' +userInfo.avatar"
        alt=""
        @error="defaultSrc"
      />
</template>
  data() {
    return {
      userInfo: "",
      isHandImg: true
    };
  },
 created() {
    this.userInfo = JSON.parse(getSessionStorage("userInfo"));
    console.log(this.userInfo);
  },
  methods: {
    defaultSrc() {
      this.isHandImg = false;
    },
  },