vue.js使用v-for循环遍历的值如何加到dom节点的class中

Question

 <li v-for="item in items" class="pull-left">             <button type="button" class="btn btn-success"><i class="{{item.icon}}"></i>{{item.name}}</button>     </li>报错如下vue.js:2643 [Vue warn]: class="{{item.icon}}": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div class="{{ val }}">, use <div :class="val">.

Answer 1

语法错误，

<i :class="item.icon"></i>