Как изменять стиль в nth-child во Vue?

Question

[Artemio95]

Возможно ли такое - изменять стили nth-child(count)? Т.е. при определенном событии я буду менять count и стиль будет применять к определенному nth-child. Вопрос в том, как эту переменную сделать в nth-child?

Answer 1

[Антон Антон]

https://jsfiddle.net/hLcy06p7/3/

Comments

[Artemio95]

Отличное решение, спасибо

Answer 2

[WapSter]

Да можно, для этого есть специальный атрибут syle в HTML им можно управлять при помощи vue. Изменяй стили нужному блоку

Comments

[Artemio95]

У меня в цикле это и нужно исчислять nth-child. Если бы было так просто, я бы вопрос не задавал

[Антон Антон]

Artemio95, все правильно. вынеси nth count в отдельный класс и присваивай его нужному элементу https://ru.vuejs.org/v2/guide/class-and-style.html...