el-table值为0时显示-
时间: 2024-09-24 14:22:24 浏览: 36
在ECharts表格组件`el-table`中,如果你想让值为0时显示为"-",你可以通过设置单元格模板来实现自定义样式。你可以使用`cell-style`属性来动态渲染每个单元格的内容。下面是一个简单的示例:
```html
<template>
<el-table :data="tableData">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄" align="center">
<template slot-scope="scope">
<span v-if="scope.row.age === 0">-</span>
<span v-else>{{ scope.row.age }}</span>
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 18 },
{ name: '李四', age: 0 },
{ name: '王五', age: 35 }
]
};
}
};
</script>
```
在这个例子中,当`age`的值等于0时,单元格内容会被替换为"-"; 如果不是0,则显示实际的年龄值。
阅读全文