在嵌套对象上使用 for 循环

Posted 2023-02-23

【中文标题】在嵌套对象上使用 for 循环

【英文标题】：Using for loop on nested object

【发布时间】：2018-10-31 10:51:37

【问题描述】：

我终于设法从 nativescript 和 vuejs 开始，但我似乎无法在带有对象的 listview 上使用 for。钱包上的 v-for 可以正常工作，但国家/地区上的 for 如果它是具有多个键和值的对象，则不起作用。使它工作的正确方法和代码应该是什么？国家和钱包是同一个对象。它确实适用于数组，但我希望它适用于对象。 （只需要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】：

ListView 的工作方式与其他组件完全不同，以获得更好的性能。与 v-for 不同，它在这里不运行实际的 for 循环。因此它仅适用于 Array，因此您必须在将对象传递给 ListView 之前将其转换为数组。