定义表格时加上scopedSlots: { customRender: 'status' }
const columns = [
{
title: '状态',
key: 'status',
scopedSlots: { customRender: 'status' }
},
{
title: '版本',
key: 'version'
}
]
在a-table标签内编写你想要的样式,在标签内加上slot=customRender名即可
<div slot="status" slot-scope="text">
<div style="color: red">{{text.status}}</div>
</div>
拓展:根据不同的字段制作不同的样式(v-if)
<div slot="status" slot-scope="text">
<div style="color: red" v-if="text.status === '红色'">{{text.status}}</div>
<div style="color: green" v-if="text.status === '绿色'">{{text.status}}</div>
<div style="color: #000" v-if="text.status === '黑色'">{{text.status}}</div>
</div>