vue 用图片链接发起get请求获取加密数据，解密后渲染，懒加载失效了，怎么解决统一请求后再渲染

你可以将所有的图片链接存储在一个数组中，然后循环遍历数组，发起一个统一的请求获取所有的加密数据，并在回调函数中进行解密和渲染操作。这种方式可以有效地解决懒加载失效的问题。下面是一个简单的示例代码：

<template>
  <div>
    <div v-for="(item, index) in imgList" :key="index">
      <img :src="getImgUrl(item)" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgList: [
        'https://example.com/img1.jpg',
        'https://example.com/img2.jpg',
        'https://example.com/img3.jpg'
      ],
      decryptedData: []
    }
  },
  mounted() {
    this.getDecryptedData()
  },
  methods: {
    getImgUrl(url) {
      const index = this.imgList.indexOf(url)
      if (this.decryptedData[index]) {
        return this.decryptedData[index]
      } else {
        return 'loading.gif' // 显示加载动画
      }
    },
    getDecryptedData() {
      // 发起统一请求获取所有的加密数据
      axios.get('/api/getEncryptedData')
        .then(res => {
          this.decryptedData = res.data.map(item => decrypt(item))
          this.renderImages()
        })
        .catch(err => {
          console.log(err)
        })
    },
    renderImages() {
      // 解密并渲染所有的图片
      this.imgList.forEach((item, index) => {
        const img = new Image()
        img.onload = () => {
          this.$set(this.decryptedData, index, img.src)
        }
        img.src = this.decryptedData[index]
      })
    }
  }
}
</script>

在上面的代码中，我们将所有的图片链接存储在了 `imgList` 数组中，并且通过 `getImgUrl` 方法获取图片的链接。如果图片的解密数据已经存在，则直接返回解密后的图片链接，否则返回一个加载动画。

在 `mounted` 钩子函数中，我们发起了一个异步请求获取所有的加密数据，并在回调函数中解密并渲染所有的图片。这样就可以确保所有的图片都已经加载完成并显示出来了。