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

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

安装依赖:

npm install vue xe-utils vxe-table

一个简单的使用例子:

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

<script>
export default {
  data () {
    return {
      tableData: [
        {
          id: 10001,
          name: 'test1',
          sex: 'Man',
          date: '2019-05-01'
        }
      ]
    }
  }
}
script>