seo专业培训课程_千锋教育学费一览表_全媒体运营师培训费用_百度关键词优化多少钱

需求：el-table中，有一列需要根据状态不同，显示的样式也不通。

解决方法： :cell-style="cellStyle"

   <el-table:data="tableData"style="width: 100%"size="mini"border:header-cell-style="{ textAlign: 'center', color: '#606266' }":cell-style="cellStyle"><el-table-column prop="result" label="检测结果"></el-table-column></el-table>// 当监测结果为 已携带 的状态，加上背景色,字体颜色cellStyle({ row, column, rowIndex, columnIndex }) {if (row.result == '携带' && column.label == '检测结果') {return 'background:#d9001b;textAlign: center;color:#fff;'} else {return 'textAlign: center'}},