<el-table-column type=“selection” width=“55” align=“center” :reserve-selection=“true”/>如何设置为当scope.row.FStatus=='1’才可以被选中
时间: 2024-11-25 12:13:14 浏览: 25
在Vue.js的Element UI组件`el-table-column`中,如果你想让表格列只有当`scope.row.FStatus`等于'1'时才允许被选中,你可以使用`formatter`属性来控制这个逻辑。`formatter`是一个自定义函数,它会在渲染每个单元格时执行。
这是一个例子:
```html
<template>
<el-table-column
type="selection"
width="55"
align="center"
:reserve-selection="true"
formatter="checkColumnFormatter"
:prop="columnProp" <!-- 如果你的数据中没有FStatus字段,可能需要提供对应的字段名 -->
></el-table-column>
</template>
<script>
export default {
methods: {
checkColumnFormatter(row) {
if (row.FStatus === '1') {
return { value: true, text: '可选择' };
} else {
return { value: false, text: '' }; // 或者返回不显示文字的值,如:{ value: false }
}
},
},
};
</script>
```
在这个例子中,`checkColumnFormatter`方法接收每一行的数据`row`作为参数。如果`FStatus`字段的值为'1',则返回`{ value: true, text: '可选择' }`,这会让该行被选中;否则,返回`{ value: false, text: ''}`(或不显示文字),则不会被选中。
阅读全文