Как запретить выводить определенные элементы через VUE если в bitrix установлен флажок поля «нет»?

Question

[kimqar123]

Есть вывод элементов, которые выводит ВСЕ элементы:

<div class="apartment-search-results" v-if="showedItems.length">
                    <div class="apartment-search-result" v-for="(item, index) in showedItems" :key="`apart_${item.id}`">
                        <div class="apartment-search-result__caption"><span>{{ item.roomsCount }}</span><span>{{ getWordByNumber(item.roomsCount, ['комната', 'комнаты', 'комнат']) }}</span>
                        </div>
                        <div class="apartment-search-result__image"><img :src="item.image"
                                                                         :alt="`${item.roomsCount} комнаты`"></div>
                        <div class="apartment-search-result__params"><span>Общая площадь</span><span class="big-text">{{ item.space }} м²</span>
                        </div>
                        <div class="apartment-search-result__params"><span>Цена за м²</span><span class="big">{{ item.costPerMeter }} ₽</span>
                        </div>
                        <hr class="block-break">
                        <div class="apartment-search-result__price">{{ item.fullCost }} ₽</div>
                        <a class="button button--expanded button--font-bold button--style-orange" :href="item.url">Узнать
                            подробнее</a>
                    </div>
                </div>

Как сделать так, чтобы если в битриксе (например я создам пользовательское поле с параметрами Продано - "да" / "нет") будет стоять значение "нет", то vue не будет выводить данные элементы?
Это вообще как лучше делать? через vue, или чистым php?

Answer 1

[postya]

Тебе не нужно запрещать, тебе нужно вывести только те жлементы, которые соотвесттвуют значению в поле из бэкенда

<div class="apartment-search-result" v-for="(item, index) in showedItems" :key="`apart_${item.id}`">
<p v-if="item.sold === 'yes'"> Показывает толкьо проданные</p>
</div>

вот так не обьязательно писать
:key="`apart_${item.id}`"

можно просто
:key="item.id"