vxe-table vue 增删改查表格组件_vxe-table官网中文

vxe-table vue 增删改查表格组件

vxe-table官方中文文档 https://vxetable.cn

安装依赖:

npm install vue xe-utils vxe-table
1

一个简单的使用例子:

<template>
  <div>
    <vxe-table :data="tableData">
      <vxe-column type="index" width="60"></vxe-column>
      <vxe-column field="name" title="Name"></vxe-column>
      <vxe-column field="date" title="Date"></vxe-column>
      <vxe-column field="sex" title="Sex"></vxe-column>
    </vxe-table>
  </div>
</template>

<script>
export default {
  data () {
    return {
      tableData: [
        {
          id: 10001,
          name: 'test1',
          sex: 'Man',
          date: '2019-05-01'
        }
      ]
    }
  }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27