vue 中自定义隔行变色样式（适用于 el-row中）

    <!-- el-row 中 @click='' 无效，要用 @click.native='' -->
    <el-row :class="{on: index%2==0, off:index%2!=0}" @click.native="go2detail(item)" v-for="(item, index) in todayJob" :gutter="24">
      <el-col class="my_col" :span="10" :offset="1">
        <li />
        <a>
          {{item.title}}
        </a>
      </el-col>
      <el-col class="my_col" :span="6" :offset="1">
        <a>
          {{item.planTime}}
        </a>
      </el-col>
      <el-col class="my_col" :span="4" :offset="1">
        <a>
          {{item.daysRemain}}
        </a>
      </el-col>
    </el-row>

.on {
  background-color: #ffffff;
}
.off {
  background-color: #f1f1f1;
}