elementui表格隔行换色

关于elementui的表格隔行换色,我呢也是找了很多博客,但是都是死值,对于我这种后端的程序员还是怎么都看不顺眼的,对于隔行换色,应该也不算难点吧,但是让我绞尽脑汁,属于在学校的一个要求,自己写下来,怕忘掉,接下来进入正题

 效果如下,

这个是我刚开始学习elementui的效果,也是vue和elementui双管齐下,以下是我复制的死代码

tableRowClassName({row, rowIndex}) {
        if (rowIndex === 1) {
          return 'warning-row';
        } else if (rowIndex === 3) {
          return 'success-row';
        }
        return '';
      }

 官网的效果是这样的:

我的代码是这样的:

这个也是我试了很多,找出来的,发现了一个规律,比如这个隔行换色,表面上是白,暖色,浅绿色,

但是规律是这样的,  白   暖     白    绿

这是四个一组,那么这个rowIndex下标是从0开始的

那么这样算下来的就是上面的效果,

如果是   白  暖   绿

这是三个一组,那么就模3,算是第几个有颜色,以此类推