vue如何通过v-for的数据作为类名使用

Question

settings: [
          {'text': 'Log In', 'icon': 'icon-login'},
          {'text': 'Orders', 'icon': 'icon-Orders'},
          {'text': 'Package', 'icon': 'icon-package'},
          {'text': 'Design', 'icon': 'icon-design'},
          {'text': 'Address', 'icon': 'icon-address'},
          {'text': 'News', 'icon': 'icon-news'},
          {'text': 'Password', 'icon': 'icon-password'}]

通过 v-for怎么将遍历的字符串作为类名 （字体图标）

Answer 1

直接绑定:class="item.icon"

Answer 2

:class="item.icon"

Answer 3

<span v-bind:class="item.icon"></span>
具体可以看文档
https://cn.vuejs.org/v2/guide...