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

Question

[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"/>

Answer 1

[0xD34F]

<i v-for="i in 5" :class="[ i <= stars ? 'fas' : 'far', 'fa-star' ]" />

Comments

[scondic]

Спасибо большое