在嵌套对象上使用for循环

时间:2018-10-31 10:51:37

标签: ios vue.js nativescript

我最终设法从nativescript和vuejs开始,但是我似乎无法在带对象的listview上使用它。钱包上的v-for很好用,但是如果它是具有多个键和值的对象,则for on国家/地区不起作用。使它起作用的正确方法和代码应该是什么?国家与钱包是同一对象。它确实与数组一起工作,但我希望它与对象一起工作。 (只需要listview组件)

    <flexbox-layout class="line">
        <label v-for="(wallet, index) in wallets" :text="wallet.name" ></label>
    </flexbox-layout>

    <ListView class="list-group" for="country in countries" @itemTap="onItemTap" style="height:1250px">
        <v-template>
            <FlexboxLayout flexDirection="row" class="list-group-item">
                <Image :src="country.imageSrc" class="thumb img-circle" />
                <Label :text="country.name" class="list-group-item-heading" style="width: 60%" />
            </FlexboxLayout>
        </v-template>
    </ListView>

谢谢!

1 个答案:

答案 0 :(得分:0)

ListView与其他组件的工作方式大不相同,以提高性能。与v-for不同,它不会在此处运行实际的for循环。因此,它仅适用于Array,因此您必须先将对象转换为数组,然后再将其传递给ListView。