Javascript 在v-for循环中计算道具

我有一个对象数组-其中一些需要根据其值调整属性。在v-for循环中，如何计算值，这就是计算的目的吗

我曾尝试创建和访问一个计算值，但我怀疑我误解了这里的事件顺序

{{item.title}
从“axios”导入axios
导出默认值{
数据（）{
伊姆古尔：{
返回“”
}
},
异步数据（{params}）{
让{data}=wait axios.get(`http://XXX.XXX.XXX.192:8080/api/collection/${params.id}`）
返回{items:data}
},
计算：{
imgUrl（项目）{
console.log（this.items.map（item））
返回'https://aijxxppmen.cloudimg.io/crop/500x500/tjpg/https://dartmoorpublic.s3-eu-west-1.amazonaws.com/'+this.items.file_id
}
}
}

我希望每个v-card:src值都是不同的，并且基于我创建的计算函数。我没有定义。

您不是在寻找计算属性。计算属性是Vue实例的属性，而不是

项

数组中元素的属性。您将希望改用一种方法：

---

调用API并将结果分配给“items”。你能说明一个“项目”是如何构成的吗？

<template>
  <v-container grid-list-md>
    <v-layout row wrap>
      <v-flex xs6 md3 v-for="item in items" :key="item.da_id">
        <v-card>
          <v-img
            :src="imgUrl(item)"
            aspect-ratio="2.75"
          ></v-img>
          <v-card-title primary-title>
            <div>
              <h3 class="headline mb-0">{{item.title}}</h3>
            </div>
          </v-card-title>
        </v-card>
      </v-flex>
    </v-layout>
  </v-container>
</template>

import axios from 'axios'
export default {
  data() {
    imgUrl: {
      return ''
    }
  },
  async asyncData ({ params }) {
    let {data}  = await axios.get(`http://XXX.XXX.XXX.192:8080/api/collection/${params.id}`)
    return { items: data }
  },
  methods: {
    imgUrl(item) {
        console.log(item)
        return 'https://aijxxppmen.cloudimg.io/crop/500x500/tjpg/https://dartmoorpublic.s3-eu-west-1.amazonaws.com/' + item.file_id
    }
  }
}