数据库字段有id和money,money是double类型,默认为NULL,前台通过获取id来返回money,当money为null时,什么也不显示,用vue2+elementUI怎么写
时间: 2023-05-19 20:06:56 浏览: 74
PostgreSQL 数据类型
你可以使用vue2 elementUI中的el-table组件来实现这个功能。在el-table中,你可以使用slot-scope来自定义每个单元格的内容。你可以在slot-scope中判断money是否为null,如果是null则返回空字符串,否则返回money的值。以下是示例代码:
<template>
<el-table :data="tableData">
<el-table-column prop="id" label="ID"></el-table-column>
<el-table-column label="Money">
<template slot-scope="{ row }">
{{ row.money === null ? '' : row.money }}
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ id: 1, money: 100.00 },
{ id: 2, money: null },
{ id: 3, money: 50.00 }
]
}
}
}
</script>
阅读全文