vue-图片src路径不存在时，显示默认图片

<img :src="item.url? item.url: '' " alt :onerror="defaultImg" />这里一定要判断src，不然接口返回url为null时，后面的onerror不生效computed: {defaultImg () {return 'this.src="' + require('@/assets/img/default-img.png') +

珞珈山小鲁班

3312人浏览 · 2020-07-17 15:46:06

珞珈山小鲁班 · 2020-07-17 15:46:06 发布

<img :src="item.url? item.url: '' " alt :onerror="defaultImg" />

这里一定要判断src，不然接口返回url为null时，后面的onerror不生效

computed: {
    defaultImg () {
      return 'this.src="' + require('@/assets/img/default-img.png') + '"'
    }
  },

动态设置背景图

:style="{backgroundImage: 'url('+图片地址+')'}"

以上~~

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^