uniapp上传图片实现占位图

以下是uniapp上传图片实现占位图的方法：

<template>
  <view>
    <image v-for="(item, index) in imgList" :key="index" :src="item" :data-index="index" @load="imgLoad" />
  </view>
</template>

<script>
export default {
  data() {
    return {
      imgList: [
        'https://xxx.com/placeholder.png',
        'https://xxx.com/placeholder.png',
        'https://xxx.com/placeholder.png'
      ]
    }
  },
  methods: {
    imgLoad(e) {
      const index = e.target.dataset.index
      this.imgList.splice(index, 1, e.target.src)
    }
  }
}
</script>

以上代码中，我们首先在data中定义了一个imgList数组，其中存放了占位图的链接。在模板中，我们使用v-for指令遍历imgList数组，为每个图片元素绑定了一个data-index属性，用于标识该图片在数组中的索引。当图片加载成功后，我们通过imgLoad方法将该图片在数组中的占位图链接替换为真实的图片链接，从而实现了占位图的效果。