只有状态为2 的有2级状态 正在处理团组列表 查询状态为2的 有二级状态2.1,2.2,2.3,2.4 显示二级状态 全部团组列表 查状态为3,8,6,2的如果状态为2的有二级状态 显示二级状态,没有显示一级状态vue代码 <el-table-column prop="statusName" label="状态" width="110" align="center" ></el-table-column>
时间: 2024-03-08 15:49:01 浏览: 41
感谢您补充代码细节。根据您的描述,可以在 `el-table-column` 中使用 `template` 属性来自定义表格单元格的展示方式。以下是一个示例代码:
```html
<el-table-column
prop="status"
label="状态"
width="110"
align="center"
>
<template slot-scope="{ row }">
<span v-if="row.status === 2">
{{ row.secondaryStatus || '无二级状态' }}
</span>
<span v-else>
{{ row.primaryStatus }}
</span>
</template>
</el-table-column>
```
在上面的代码中,我们首先指定了 `prop` 属性为 `status`,表示该列数据的状态。然后,我们使用 `template` 属性来自定义单元格的展示方式。在 `template` 中,我们使用 `slot-scope` 来接收当前行的数据 `row`,然后根据 `row.status` 的值来判断展示一级状态还是二级状态。如果 `row.status` 为 2,则展示 `row.secondaryStatus`。如果 `row.status` 不为 2,则展示 `row.primaryStatus`。如果 `row.secondaryStatus` 为 `null` 或 `undefined`,则展示默认文本“无二级状态”。
希望这个示例代码可以帮助到您。
阅读全文