最近用vue+vant进行开发,因为涉及到了表格,但vant里没有这个组件,自己就模仿elementUI中el-table组件的调用形式 简单的封装了一下 未添加自定义CSS效果图如下:
使用组件:src/components/layout/table/index.vue
<template>
<div>
<f-table :data="tableData">
<f-table-col prop="name" label="姓名"></f-table-col>
<f-table-col prop="date" label="日期"></f-table-col>
<f-table-col prop="address" label="地址"></f-table-col>
<f-table-col prop="name" label="周期" width="16.9%"></f-table-col>
</f-table>
</div>
</template>
<script>
import FTable from './FTable'
import FTableCol from './FTableCol'
export default {
components: