<el-table-column label=“打印状态” align=“center” prop=“”> </el-table-column>如何让他在当前这条数据的status == 1展示其他的不展示
时间: 2024-09-29 21:15:27 浏览: 31
【JavaScript源代码】vue 使用 sortable 实现 el-table 拖拽排序功能.docx
在您给出的El-table列模板中,`label="打印状态"`定义了列的标题,`align="center"`设置了单元格的对齐方式为居中,而`prop=""`这部分通常会引用表格数据中的某个字段,以便于渲染。如果您想让它只在`status`等于1的时候显示特定的内容,您可以这样修改:
```html
<template slot-scope="scope">
<span v-if="scope.row.status === 1">{{ scope.row.printStatus || '未提供状态' }}</span>
<span v-else>隐藏内容</span>
</template>
<!-- 或者如果你有另一个字段表示打印状态,可以替换 printStatus -->
<template slot-scope="scope">
<span v-if="scope.row.printed === true">{{ '已打印' }}</span>
<span v-else>未打印</span>
</template>
```
这里我们使用了`v-if`指令来控制内容的显示。如果当前数据`row`的`status`字段值为1,就展示自定义的状态文字(例如`printStatus`字段的值,如果没有就默认显示"未提供状态")。否则,将会隐藏内容,显示"隐藏内容"或者其他您选择的文字。
请注意,这里的`printed`字段名假设您有一个名为`printed`的字段来表示打印状态,如果实际字段名称不同,请相应地调整。同时,`|| '未提供状态'`用于处理可能的null或undefined情况。
阅读全文