vuex-table+SpringBoot前端实现树形结构

话不多说直接上代码

终端安装vxe-table

npm install xe-utils@3 vxe-table@3

main.js

      import Vue from 'vue'
      import 'xe-utils'
      import VXETable from 'vxe-table'
      import 'vxe-table/lib/style.css'

      Vue.use(VXETable)

      // 给 vue 实例挂载内部对象，例如：
      // Vue.prototype.$XModal = VXETable.modal
      // Vue.prototype.$XPrint = VXETable.print
      // Vue.prototype.$XSaveFile = VXETable.saveFile
      // Vue.prototype.$XReadFile = VXETable.readFile

前端vue                         需要什么数据自己填写就可以

        <vxe-table
          resizable
          :tree-config="{transform: true, rowField: 'id', parentField: 'parentId'}"
          :data="tableData1"
          :checkbox-config="{labelField: 'id', highlight: true}"
          @checkbox-change="selectChangeEvent">
          <vxe-column type="checkbox