(vue)slot用法,表格中状态编号对应文字显示
修改前
修改后
代码:
<Table ref="selection" :columns="columns" :data="tableData">
<template slot-scope="{ row }" slot="status"> //对应绑定
<span v-if="row.status == 'INIT'">未执行</span>
<span v-else-if="row.status == 'RUNNING'">执行中</span>
<span v-else-if="row.status == 'FINISH'">执行完成</span>
<span v-else>暂存</span>
</template>
</Table>
data(){
return {
//表格
columns: [
{
title: "状态",
slot: "status", //将key改为slot
align: "center",
},
]
}
}