element-ui的table根据数据显示不同的内容

背景

有个数据返回的是0，1需要转换显示成否、是，但是数据在他的子组件 el-table中，所以获取行数据再进行判断。

解决代码

<el-table-column label="状态" show-overflow-tooltip>
 <template slot-scope="{ row }">
   {{ Number(row.status) === 1 ? '启用' : '禁用' }}
 </template>
</el-table-column>

注意：如果是下面这种直接显示的，需要用

{{}}

将js表达式子写在里面。