javascript - vue.js使用v-for循环遍历的值如何加到dom节点的class中
本文介绍了javascript - vue.js使用v-for循环遍历的值如何加到dom节点的class中的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<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">.
解决方案
语法错误,
<i :class="item.icon"></i>
这篇关于javascript - vue.js使用v-for循环遍历的值如何加到dom节点的class中的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文