热门标签
热门文章
- 1docker 容器端口访问不到_docker容器无法访问宿主机端口的解决
- 2【Hadoop】完全分布式集群搭建_hadoop完全分布式集群搭建
- 3jieba库中基于 TextRank 算法的关键词抽取——源代码分析（三）_使用了jieba的textrank进行高频词的提取,请问textrank实现高频词提取的原理是
- 42023年人工智能最强天花版学习路线，限时开源分享
- 5没想到，Python还可以制作Web可视化页面！
- 6Jetpack Compose中的state核心思想_jetpack compos state
- 7PG备份恢复（二）_slotpg模拟器中文
- 8微信公众号、小程序开发——1、客服消息+简易自开发回复平台_微信公众号开发客服回复和发布商品
- 9android activity的跳转动画,实现activity跳转动画的若干种方式
- 10Claude3 AI系列重磅推出：引领多模态智能时代的前沿技术,超越GPT-4
当前位置: article > 正文
vue 使用自定义指令，实现隔行换色_vue实现隔行变色
作者：小蓝xlanll | 2024-03-15 14:39:53
赞
踩
vue实现隔行变色
在你要循环列表的代码后加个 v-color="index"
<div class="box_15" v-for="(item,index) in name" :key="index" v-color="index"></div>
在main.js里引入成全局
Vue.directive('color',function(ele,obj){
if(obj.value%2==0){
ele.style.backgroundColor='#33FFAA';
}else{
ele.style.backgroundColor='#F0BBFF';
}
})
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/241842
推荐阅读
相关标签
