avue-crud多级复杂动态表头

avue-crud多级复杂的动态表头

1.1前言

在实际开发过程，需要多级复杂的动态表头，表头中的内容是动态填充的。以下是avuejs官网提供的负责表头样式，因此我后台返回的数据，需要拼接avue-crud中的json格式。

实际开发中需要拼接成，column这种格式。

column: [{
   
            label: '姓名',
            prop: 'name',
            width:140,
          }, {
   
            label: '性别1',
            prop: 'sex',
          },
          {
   
            label: '自定义图标',
            prop: 'icon',
            type: "icon",
            iconList: [{
   
              label: '基本图表',
              list: ['el-icon-time', 'el-icon-bell', 'el-icon-star-on']
            }]
          }, {
   
            label: '复杂表头',
            children: [{
   
              label: '信息',
              children: [{
   
                label: '年龄',
                prop: 'age'
              }, {
   
                label: '手机号',
                prop: 'phone',
              }]
            }, {
   
              label: '地区',
              prop: 'address',
              type: 'select',
              props: {
   
                  label: 'name',
                  value: 'code'
              },
              dicUrl:'https://cli.avuejs.com/api/area/getProvince'
            }]
          }, {
   
            label: '测试',
            prop: 'test',
          },
          {
   
            label