2.若依vue表格数据根据不同状态显示不同颜色style
例如国标显示蓝色,超标是红色
使用是蓝色,未使用是绿色
<el-table-column label="外卖配送是否完成评价" align="center" prop="isOverFlag">
<template slot-scope="scope">
<div :style="{'color':scope.row.isOverFlag==='0'?'#ff4949':'#1ab394'}">
{{switchFormat(scope.row.isOverFlag)}}
</div>
</template>
</el-table-column>
记得在后面的methods: {中加上
switchFormat(v) {
if (v === 0 || v === '0') {
return '未完成'
} else if (v === 1 || v === '1') {
return '已送达'
}
}