概述
使用场景
封装了一个导航栏，其中的个别选项的样式需要单独调整，但是标签是V-for生成的怎么办呢？
代码展示
<div
v-for="(item, index) in items" :key="index">
<div :class="itemsstyle[index]">{{ item }}</div>
</div>
在vue实例对象中的data里
data(){
itemsstyle: ["item0", "item1", "item2", "item3", "item4"],
}
根据下标可以为每一个标签绑定我们想要的类名
<style>
.item0 {
background-color: red;
}
.item1 {
background-color: pink;
}
.item2 {
background-color: green;
}
.item3 {
background-color: yellow;
}
.item4 {
background-color: gray;
}
</style>
最后
以上就是贤惠白羊为你收集整理的Vue如何给V-for的某个标签添加样式的全部内容，希望文章能够帮你解决Vue如何给V-for的某个标签添加样式所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复