html:
<el-table v-loading="loading" :data="apiManagerParameter" :row-class-name="tableRowClassName">
<el-table-column label="参数名称" align="center" prop="parameterName" />
<el-table-column label="参数内容" align="center">
<template scope="scope">
<el-input size="small" v-model="scope.row.validateRules" placeholder="请输入内容" @change="handleEdit(scope.$index, scope.row)"></el-input>
</template>
</el-table-column>
</el-table>
method:
/** 表格奇偶数显示颜色 */
tableRowClassName({row, rowIndex}) {
if ((rowIndex+1) % 2 === 0) {
return 'warning-row';
}else{
return 'success-row';
}
}
css:
.el-table .warning-row {
background-color: rgb(32,118,132,0.2);
color: #fff;
}
.el-table .success-row {
background-color: rgb(32,118,132,0.6);
color: #f89767;
}