<el-table-column type="selection" width="55" align="center" :reserve-selection="true"/>如何设置为当scope.row.FStatus=='1'显示
时间: 2024-11-25 16:13:09 浏览: 6
`<el-table-column>` 是 Element UI 中表格列的一种类型,用于提供选择功能。在这个例子中,`type="selection"` 表示这是一个复选框选择列,`width="55"` 设置了列宽,`align="center"` 偏左对齐,`:reserve-selection="true"` 则表示保留勾选状态。
如果你想根据 `scope.row.FStatus` 的值来动态决定是否显示这个选择列,你可以使用 `formatter` 属性。`formatter` 是一个自定义函数,它接受当前行的数据 (`scope.row`) 和单元格的原始值 (`cell`,在这种情况下可能就是空),然后返回渲染后的文本或 HTML。
假设 `FStatus` 字段的值只有 '1' 和非 '1',你可以这样做:
```html
<template>
<el-table-column
type="selection"
width="55"
align="center"
:reserve-selection="true"
:formatter="showSelectionColumn"
:prop="FStatusPropName" <!-- 这里假设 FStatus 存在于某个 prop, 如 "status" -->
></el-table-column>
</template>
<script>
export default {
methods: {
showSelectionColumn(scope) {
// 检查 FStatus 是否等于 '1'
if (scope.row[this.FStatusPropName] === '1') {
return true; // 显示选择列
} else {
return false; // 不显示选择列
}
},
},
};
</script>
```
确保你在组件内部(如 `methods` 或者数据对象中)定义了 `FStatusPropName` 变量,并且它指向实际包含 `FStatus` 数据的属性名。
阅读全文