微信小程序请求不到数据时，如何设置默认图片？

Question

问题描述

我有个swiper子组件，里面的图片时父组件请求数据，然后传给子组件的。如果父组件请求不到时swiper就是空白了，那么怎么在得不到数据时设置一个默认的图片呢。苏宁有这个效果

问题出现的环境背景及自己尝试过哪些方法

我在properties下的value属性下设置不行啊。

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

imgUrls:{

  type: Object, 
  value: ['../img/bg_indexbanner.jpg','../img/bg_indexbanner.jpg']
}

你期待的结果是什么？实际看到的错误信息又是什么？

图片描述

Answer 1

做请求判断。请求失败，返回默认图片数组，请求成功但是数组为空，也返回默认图片数组

Answer 2

img标签有个onerror事件

Answer 3

你的轮播图组件的图片组件首先要有一个默认图片的src，然后当你父组件请求数据成功的时候，把真实图片地址替换上去就可以了。

---

const app = getApp()

Page({
  data: {
    imglist: [
      'defaultURL',
      'defaultURL',
      'defaultURL',
    ]
  },
  onLoad: function () {
    this.getImg()
  },
  getImg(){
    wx.request({
      url: '',
      success: res => {
        const imglist = res.data.imgs
        this.setData({ imglist })
      }
    })
  }
})

你试下这样子可以吗？