Использование цикла for для вложенного объекта

Question

Мне, наконец, удалось начать с nativescript и vuejs, но я не могу использовать для просмотра списка с объектом. V-for on кошельки работает нормально, но 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>

Спасибо! * * 1004

Answer 1

ListView работает совсем не так, как другие компоненты, для повышения производительности. Здесь не выполняется фактический цикл for, в отличие от v-for. Поэтому он работает только с массивом, поэтому вам придется преобразовать ваш объект в массив, прежде чем передавать его в ListView.