一聚教程网:一个值得你收藏的教程网站

最新下载

Vue.js 利用v-for中的index值实现隔行变色

时间:2018-08-09 14:05:58 编辑:猪哥 来源:转载

首先定义好样式,利用v-for中的index值,然后绑定样式来实现隔行变色效果。

以下为完整代码,很简单,但也是个技巧。




  
  
  
  title
  


  
    
            
  • {{name}}
<script src="./vue.dev.js"></script> <script> var vm = new Vue({ el: "#app", data: { names: ['000', '111', '222', '333', '444', '555'] } }); </script>

文章评论

热门栏目