Генерация предметов с помощью условий v-for и v-if - PullRequest
Новая
       21

Генерация предметов с помощью условий v-for и v-if

0 голосов
/ 09 июля 2019

У меня есть такой код в файле A.vue 

<div v-for="item in items" :key="item.id">
    <item :item="item" />
</div>

В файле Item.vue: 

<div class="item">
    <div v-if="item.xyz">
        long and complex html here
    </div>
    <span>{{ item.name }}</span>
</div>

Теперь учтите, что у предметов есть около 100 предметов, и только один item.xyz имеет значение true. Поскольку v-if не монтирует html в DOM до тех пор, пока условие не станет истинным, но определенно хранит данные в памяти объекта vue.

Есть ли способ рассмотреть v-if только для одного элемента, а не для других?

...