外观
表格
演示代码
vue
<template>
<page-table
:headers="['项目名称', '执行科室', '数量', '金额']"
:rows="items"
:cls="['flex-1', 'flex-1', 'w-120', 'w-166']"
:keys="['name', 'doDept', 'num', 'price']"
></page-table>
</template>
<script>
export default {
data() {
return {
items: [
{
name: '颈部CT',
doDept: '放射科',
num: 1,
price: 1292.01
},
{
num: 133,
name: '颈部CT2',
doDept: '放射科2',
price: 1292.25
}
]
}
}
}
</script>
Attributes
属性名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
headers | Array | [] | 表头 |
rows | Array | [] | 表数据 |
cls | Array | [] | 控制每个表格宽度的类样式,自行实现样式宽度 |
keys | Array | [] | 表数据取值的key |
上次更新: