Метод для подсчета кол-ва элементов в объекте массива

@AlerinGustovski · Регистрация: 22.04.2021

Author24 — интернет-сервис помощи студентам

Есть кнопка, в которой есть условия для ее отображения, условие заключается в количестве элементов product.productArticles

Как посчитать кол-во элементов массива product.productArticles и вернуть значение true, если кол-во больше 1

HTML5

1	<button @click="listDisplay" v-if="countList" class="button-list">Выбрать цвет</button> <br>

Javascript

1
2
3

return {
    countList: false,
}

JSON

product: [
{
    id: 1,
    title: 'Body print',
    productArticles: [
        {
             id: 1,
             title: 'a',
        },
        {
             id: 2,
             title: 'b',
        }
    ]
}
]

@kotelok · 12.07.2022, 07:56

Можно прописать условие напрямую в 'v-if'. Например, в этом случае для каждого продукта будет выведено название, но кнопка будет отображена только для тех продуктов, у которых количество элементов в 'productArticles' больше единицы:

HTML5

<div v-for="product in products" v-bind:key="product.id">
    <div>{{ product.title }}</div>
    <button v-if="product.productArticles.length > 1">Выбрать цвет</button>
</div>

@AlerinGustovski · 12.07.2022, 08:04 **[ТС]**

Спасибо, на самом деле я пробовал прописать условие в v-if, но видать каким-то образом неправильно что-то сделал, оттого и кинулся на форум, а там подобное решение в голове было. Решение верное, уже решил, но все равно спасибо

@AlerinGustovski 1 / 1 / 0 Регистрация: 22.04.2021 Сообщений: 68
	12.07.2022, 08:04 [ТС]	3
	Спасибо, на самом деле я пробовал прописать условие в v-if, но видать каким-то образом неправильно что-то сделал, оттого и кинулся на форум, а там подобное решение в голове было. Решение верное, уже решил, но все равно спасибо 0