Как добавить класс в vuejs?

Question

[Михаил Смирнов]

В свойстве item.icon указно название иконки, например icon-tv, его нужно добавить к классу section__icon, чтобы в итоге получилось class="section__icon icon-tv"

В документации нашел только вариант v-bind:class="{'class-name': true}"
Но как в моей ситуации его применить не понятно

<div class="sections-list" v-for="(item, i) in sections">

                        <div class="section">
                            <div class="section__icon"></div>
                            <div class="section__title">{item.title}</div>
                        </div>
                    </div>

Comments

[Ба Ань Доан]

<div :class="`section__icon ${ item.icon }`"></div>

Answer 1

[Владимир Боруткин]

в документации все понятно описано в этом плане

:class=['class1', iconTv]

computed : {
iconTv () {
return "iconTv"}
}

https://ru.vuejs.org/v2/guide/class-and-style.html

тут описано как по условию добавить класс