欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > vue >内容正文

vue

在vue中给列表中的奇数行添加class

发布时间:2025/6/17 vue 57 豆豆
生活随笔 收集整理的这篇文章主要介绍了 在vue中给列表中的奇数行添加class 小编觉得挺不错的,现在分享给大家,帮大家做个参考.
  • //奇数行  
  • <ul>  
  •  <li class="list-item" v-for="(item,index) in data" :class="{'active':index%2 != 1}">{{data[index].name}}</li>  
  • </ul>  

  • 奇数行::class="{'active':index%2 != 1}"

    偶数行::class="{'active':index%2 != 0}"

    active是需要添加的class

    转载于:https://www.cnblogs.com/lccluyan/p/8335886.html

    总结

    以上是生活随笔为你收集整理的在vue中给列表中的奇数行添加class的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。