在v-for循环中计算道具

时间:2019-07-13 12:47:19

标签: javascript nuxt.js

我有一个对象数组-其中一些对象需要根据其值进行调整的属性。在v-for循环中,如何修改一个值,这是计算出来的值吗?

我尝试创建和访问计算值,但是我怀疑我误解了这里的事件顺序。

<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="item.imgUrl"
            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>





<script>
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 }
  },
  computed: {
    imgUrl(item) {
        console.log(this.items.map(item))
        return 'https://aijxxppmen.cloudimg.io/crop/500x500/tjpg/https://dartmoorpublic.s3-eu-west-1.amazonaws.com/' + this.items.file_id
    }
  }
}
</script>

我期望每个v-card:src值都不同,并基于我创建的计算函数。我变得不确定。

1 个答案:

答案 0 :(得分:1)

您不是要查找计算属性。计算属性是Vue实例的属性,而不是min_df <- b[[which.min(sapply(b, nrow))]] which(sapply(a, function(x) identical(min_df, x))) #[1] 4 数组中元素的属性。您将改为使用方法

min_index <- which.min(sapply(b, nrow))
which(sapply(a, identical, b[[min_index]]) & seq_along(a) > min_index)

items