我有这样的数组:
items : [
{
cssClass : 'item1'
text : 'some text 1'
}
{
cssClass : 'item2'
text : 'some text 2'
}
]
我想要使 li 具有这个 cssClass 类名
<ul>
<li v-for="item in items" class="{{item.className}}">{{item.text}}</li>
</ul>
我需要这种类型的输出
<ul>
<li class="item1">some text 1</li>
<li class="item2">some text 2</li>
</ul>
要动态绑定密钥,您可以这样做
<li v-for="item in items" :class="{[item.cssClass] : true}">{{item.text}}</li>
或者
<li v-for="item in items" :class="item.cssClass">{{item.text}}</li>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句