lb-element-table基於 Element UI Tabel 封裝的表格組件

基於 Element UI Tabel 封裝的表格組件,使用更簡單,無需大量重複的代碼量,只需簡單配置columndata便可,簡單明瞭。javascript

完美支持Element UI Tabel的屬性及事件,熟悉的參數、熟悉的味道,熟悉的寫法。java

Github

點擊前往git

更多示例及參考

點擊前往github

簡單示例參考

<template>
  <lb-table :column="tableData.column"
    :data="tableData.data">
  </lb-table>
</template>

<script>
export default {
  data () {
    return {
      tableData: {
        column: [
          {
            prop: 'date',
            label: '日期'
          },
          {
            prop: 'name',
            label: '姓名'
          },
          {
            prop: 'address',
            label: '地址'
          }
        ],
        data: [
          {
            date: '2016-05-02',
            name: '王小虎1',
            address: '上海市普陀區金沙江路 1518 弄'
          },
          {
            date: '2016-05-02',
            name: '王小虎2',
            address: '上海市普陀區金沙江路 1518 弄'
          },
          {
            date: '2016-05-02',
            name: '王小虎3',
            address: '上海市普陀區金沙江路 1518 弄'
          }
        ]
      }
    }
  }
}
</script>

image

相關文章
相關標籤/搜索