elementui el-table-column 当数据为1/1/1 时替换为空数据
时间: 2024-09-27 17:09:49 浏览: 37
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
在Element UI中,`el-table-column`是用来定义表格列的配置项。如果你想让当数据显示为"1/1/1"时显示为空数据,你可以通过设置`formatter`属性来实现自定义格式化。`formatter`是一个函数,它接受当前行的数据作为参数,并返回渲染后的值。
下面是一个示例:
```javascript
<template>
<el-table :data="tableData">
<el-table-column
prop="date"
label="日期"
formatter="formatDate"
/>
</el-table>
</template>
<script>
export default {
methods: {
formatDate(value) {
if (value === '1/1/1') {
return ''; // 显示为空字符串
} else {
return value; // 如果不是'1/1/1'则直接返回原值
}
},
},
data() {
return {
tableData: [
{ date: '1/1/1' }, // 示例数据
// 其他数据...
],
};
},
};
</script>
```
在这个例子中,当你表格中的`date`字段内容是"1/1/1"时,会显示为空字符串。如果数据不是这个特定值,则按原始值展示。
阅读全文