技術標籤：VUE.JS

最近用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: