三元表达式进化

<!-- 状态 -->
<template slot="status" slot-scope="text,aa" >
<a-tag :color="{ 0: 'grey', 1: 'green', 2: 'red'}[aa.status]">
<span v-if="aa.status === 1">数据同步进行中~~</span>
<span v-if="aa.status === 0">待执行</span>
<span v-if="aa.status === 2">数据同步异常</span>
</a-tag>
</template>
 
 
上面用了 ant的表格, 遍例获取 数组,当 status=1  颜色就为 grenn
 
数据源:
dataSource: [
{
key: 1,
tablename: 'edu_dw.c_tbl_term',
status: 0,
}]
原文地址:https://www.cnblogs.com/kaibindirver/p/15772877.html