Tree Table 树形表格

1.安装

npm i vue-table-with-tree-grid -S

2.配置

        在main.js文件内配置

import TreeTable from 'vue-table-with-tree-grid'
Vue.component('tree-table', TreeTable)

3.使用

        在组件内使用

   <tree-table :data="cateList" :columns="columns" border>

      </tree-table>

  data() {
    return {
      cateList: [
        {
          name: '包包首饰',
          children: [
            {
              name: '耳饰'
            },
            {
              name: '手链'
            }
          ]
        },
      ],
      columns: [
        {
          label: '分类名称',
          key: 'id',
          expand: true,
          prop: "name"
        },
        {
          label: '是否有序',
          key: 'event',
          width: 200,
          align