Ребят, я тут недавно. вопрос. Есть набор элементов v-card (десять, в

Question

Ребят, я тут недавно. вопрос. Есть набор элементов v-card (десять, в

цикле)
я хочу, чтобы у первого и второго - был один класс (скажем "early") а у остальных - другой класс (скажем "late")

как мне в цикле эти классы к элементам прописать?

Пока я делаю так:
<v-col :md="3" v-for="(children, i) in item.children" :key="i"><v-card class="p-4">

...

</v-card>
</v-col>

вот хочу, в v-card вписать услоие :)

#frontend #javascript #programming #russian #vue.js

0

01.11.2020

8 ответов

13 просмотров

Ed 📕 Автор вопроса

https://ru.vuejs.org/v2/guide/conditional.html тут условия только касаются вывода тех или иных элементов, а у меня они одинаковы, только классом отличаются... как сделать хз

0

01.11.2020

Евгений

Andrey Ryahovskiy
<v-card :class="['p-4', i < 2 ? 'early' : 'late']"...

А стили компоненту только инлайново можно задать? У меня на носу задача, где с бэка приходят координаты компонента и мне его нужно спозиционировать в родителе по этим координатам. В style их никак не подставить во время mount?)

0

01.11.2020

Andrey Ryahovskiy

Евгений
А стили компоненту только инлайново можно задать? ...

Не, тег style компилится в css если надо и собирается в файлы стилей. Лично мне не известно как к нему можно получить доступ в рантайме. В чём проблема у компонента в аттрибуте style прописать инлайновый стиль? Не совсем красиво? ))

0

01.11.2020

Евгений

Andrey Ryahovskiy
Не, тег style компилится в css если надо и собирае...

Ну типа не кашерно😁 но если вариантов других нет, то так и сделаю👍

0

01.11.2020

Евгений

Andrey Ryahovskiy
Не, тег style компилится в css если надо и собирае...

А если ssr?))

0

01.11.2020

Andrey Ryahovskiy

Евгений
А если ssr?))

А там же только на первое обращение вся страница генерится, а потом только состояние шарится. Да и, как мне кажется, там тоже стили в отдельных файлах. Не, заморочиться, наверное, можно, но зачем? Если позиционирование меняется только раз, то и выигрыша толком не получишь. А если позиционирование может динамически меняться, то и с изменением стилей далеко не уедешь)

0

01.11.2020

Евгений

Andrey Ryahovskiy
А там же только на первое обращение вся страница г...

Короче, поинты с координатами хранятся в базе, мне просто нужно на каждую компонент будет спозиционировать)

0

01.11.2020

Andrey Ryahovskiy · Accepted Answer

Andrey Ryahovskiy

<v-card :class="['p-4', i < 2 ? 'early' : 'late']">

0

01.11.2020

169 похожих чатов

Ребят, я тут недавно. вопрос. Есть набор элементов v-card (десять, в

8 ответов

Похожие вопросы