南京h5网站建设创建网站免费

例如国标显示蓝色，超标是红色

使用是蓝色，未使用是绿色

 <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 '已送达'

        }

}