Javascript Vue卡渲染图片两次

我有一个新闻网站，每个卡片和图片渲染两次

有一个组件叫做doubleUp

   created() {
    this.doubleUp()
   },

这两行渲染图片两次吗

    newImage.id  = image.id * 2
        this.images.push(newImage)

---

我已尝试将*2值更改为*1或*6。但这对所呈现的卡片数量没有影响。我不知道为什么图片会渲染两次。

此

加倍功能会使图像显示两次<代码>此。图像

已具有图像数组。你又一次把每一张照片都推给了每个人 循环

如果您想保持图像数组不变，并且只想将id加倍，则必须这样做

doubleUp() {
  //fake a bunch of data
  let localImages = JSON.parse(JSON.stringify(this.images))
  this.images = []; // <------------------------
  localImages.forEach((image) => {
    let newImage = image
    newImage.id  = image.id * 2
    this.images.push(newImage)
  })

  setTimeout(() => {
    this.loading = false
    //then run replacePleaceholders
    this.replacePlaceholders()
  }, 200)
},

doubleUp（）{
//伪造一堆数据
让localImages=JSON.parse（JSON.stringify（this.images））
this.images=[]；//{
让newImage=image
newImage.id=image.id*2
this.images.push（newImage）
})
设置超时（（）=>{
此参数为0。加载=错误
//然后运行replacePleaceholders
这个.replacePlaceholders（）
}, 200)
},

doubleUp() {
  //fake a bunch of data
  let localImages = JSON.parse(JSON.stringify(this.images))
  this.images = []; // <------------------------
  localImages.forEach((image) => {
    let newImage = image
    newImage.id  = image.id * 2
    this.images.push(newImage)
  })

  setTimeout(() => {
    this.loading = false
    //then run replacePleaceholders
    this.replacePlaceholders()
  }, 200)
},