Vue用v-for给循环标签其他属性添加属性值的方法 给出代码示例
时间: 2023-08-04 14:13:44 浏览: 167
vue中v-for循环给标签属性赋值的方法
可以在v-for循环标签上使用v-bind来绑定其他属性的值,例如:
```html
<ul>
<li v-for="(item, index) in items" v-bind:key="index" v-bind:class="'list-item-' + index">{{ item }}</li>
</ul>
```
在上面的示例中,我们使用v-bind:class来绑定list-item-加上当前的index值的类名。这样就能实现动态添加类名的效果。
其中,items是一个数组,我们使用v-for来循环遍历数组的每个元素,item是当前循环的元素值,index是当前元素的索引值。v-bind:key用来指定循环的唯一键值,以便在数据变化时能够正确地更新DOM。
阅读全文