好的，以下是使用 Element UI Table 显示给定数据的示例代码：
```html
<template>
<div>
<el-table :data="tableData">
<el-table-column prop="ming_cheng" label="项目名称"></el-table-column>
<el-table-column prop="yusuan_jine" label="预算金额"></el-table-column>
<el-table-column prop="zi_jin_lai_yuan" label="资金来源"></el-table-column>
<el-table-column prop="zhong_biao_shang" label="中标商"></el-table-column>
<el-table-column prop="zhong_biao_shi_jian" label="中标时间"></el-table-column>
</el-table>
</div>
</template>
<script>
export default {
data() {
return {
tableData: [
{
yusuan_jine: "2333",
ming_cheng: "增加视频监控存储设备项目",
zi_jin_lai_yuan: "yn",
zhong_biao_shang: "测试单位",
zhong_biao_shi_jian: "2023-04-09 14:00:07",
},
{
ming_cheng: "医疗器械清洗工作站（器械预处理）",
zi_jin_lai_yuan: "yn",
zhong_biao_shang: "测试单位",
zhong_biao_shi_jian: "2023-05-12 00:00:00",
},
{
yusuan_jine: "3000",
ming_cheng: "医用冷藏箱采购",
zi_jin_lai_yuan: "yn",
zhong_biao_shang: "测试单位",
zhong_biao_shi_jian: "2023-05-26 16:54:23",
},
{
yusuan_jine: "200",
ming_cheng: "服务器采购",
zi_jin_lai_yuan: "yn",
zhong_biao_shang: "江西云数",
zhong_biao_shi_jian: "2023-05-21 00:00:00",
},
{
yusuan_jine: "20000",
ming_cheng: "摄像头采购测试",
zi_jin_lai_yuan: "yn",
zhong_biao_shang: "江西云数",
zhong_biao_shi_jian: "2023-05-25 00:00:00",
},
{
yusuan_jine: "3000",
ming_cheng: "医用冷藏箱采购",
zi_jin_lai_yuan: "yn",
zhong_biao_shang: "江西云数",
zhong_biao_shi_jian: "2023-05-25 00:00:00",
},
{
yusuan_jine: "2333",
ming_cheng: "增加视频监控存储设备项目",
zi_jin_lai_yuan: "yn",
zhong_biao_shang: "保利香槟",
zhong_biao_shi_jian: "2023-05-28 18:00:33",
},
],
};
},
};
</script>
```
这段代码将给定的数据渲染成一个表格，表格包含五列：项目名称、预算金额、资金来源、中标商和中标时间。你可以将这段代码复制到你的 Vue.js 工程中，然后根据实际情况修改数据和列配置即可。
扫一扫
7248
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
