@scondic

Как назначать различные классы однотипным элементам, в зависимости от числа?

У меня есть компонент, хранящий data, который в свою очередь хранит объекты постов. У постов есть количество звёзд (ключ: значение). Мне нужно сделать так, чтобы в зависимости от значения, выводилось количество звёзд.

Допустим 4 звезды, значит выводится (классы fas - закрашенные, а far не закрашенные):
<i class="fas fa-star"/>
<i class="fas fa-star"/>
<i class="fas fa-star"/>
<i class="fas fa-star"/>
<i class="far fa-star"/>
  • Вопрос задан
  • 79 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
<i v-for="i in 5" :class="[ i <= stars ? 'fas' : 'far', 'fa-star' ]" />
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы