Как в VueJS в цикле v-for выполнить один раз?

Question

[Konstantin Malyarov]

Есть цикл v-for. Как сделать чтоб style назначался только первому блоку div?
Что то типа такого

<div v-for="item in items" :style.once="padding: 10px">{{item.name}}</>

Answer 1

[2perca]

проще решить с помощью css :first-child, чем городить с index'ом элемента массива и if'ом

Answer 2

[Vitaliy]

Если стиль статический, то можно в CSS определить его как класс с :first-child

Answer 3

[Evgeny Kulakov]

v-for="(item, index) in items" :style="index===0 ? 'padding: 10px' : false"

Answer 4

[0xD34F]

<div v-for="(item, i) in items" :style="!i && { padding: '10px' }">

Comments

[Nikita Velko]

И каждый раз будет лишняя проверка индекса, лучше уж действительно через :first-child сделать.

[0xD34F]

Nikita Velko, что человек спросил - то я ему и ответил.

[Александр Гонтарев]

0xD34F, ну понятно, стата-дрочер

[0xD34F]

Александр Гонтарев, ??