vue+element
html配置：
rush:js;">
data：
rush:js;">
tableConfig:[
{id:100,label:'一级表头',prop:'',width:'',children:[
{id:110,label:'二级表头1',prop:'districtName',width:''},{id:120,label:'二级表头2',prop:'timeDimension',width:''}
]},{id:200,children:[
{id:210,label:'二级表头',children:[
{id:211,label:'三级表头',prop:'residentPopNum',width:'110'},{id:212,prop:'residentPopDst',width:'110'}
]}
]},{id:300,children:[
{id:310,children:[
{id:311,prop:'liveLandArea',{id:312,prop:'liveLandDst',width:'110'}
],},{id:320,children:[
{id:321,label:'三级表头(km²)',prop:'employmentLandArea',{id:322,prop:'employmentLandDst',}
]},{id:400,children:[
{id:410,children:[
{id:411,label:'三级表头(个)',prop:'regionTrafficHubNum',{id:412,label:'三级表头(人次/km²)',prop:'regionTrafficHubFlow',width:'140'}
],{id:420,children:[
{id:421,prop:'highSpeednum',{id:422,label:'三级表头(个/km²)',prop:'highSpeedDst',{id:430,children:[
{id:431,prop:'trackTrafficSpotNum',width:'140'},{id:432,prop:'trackTrafficSpotDst',{id:440,children:[
{id:441,label:'三级表头(km)',prop:'trackTrafficNetNum',{id:442,label:'三级表头(km/km²)',prop:'trackTrafficNetDst',{id:450,children:[
{id:451,prop:'cityTrafficHubNum',{id:452,prop:'cityTrafficHubDst',{id:453,prop:'cityTrafficHubFlow',{id:460,children:[
{id:461,prop:'cityTrafficNetNum',{id:462,prop:'cityTrafficNetDst',]},{id:500,children:[
{id:510,children:[
{id:511,prop:'pubServeLandArea',{id:512,prop:'pubServeLandDst',{id:520,children:[
{id:521,prop:'hospitalResourcesNum',{id:522,prop:'hospitalResourcesArea',{id:523,prop:'hospitalResourcesDst',{id:530,children:[
{id:531,prop:'schoolResourcesNum',{id:532,prop:'schoolResourcesArea',{id:533,prop:'schoolResourcesDst',{id:540,children:[
{id:541,prop:'humanResourcesNum',{id:542,prop:'humanResourcesDst',{id:550,children:[
{id:551,prop:'businessResourcesNum',{id:552,prop:'businessResourcesDst',{id:560,children:[
{id:561,prop:'environResourcesNum',{id:562,prop:'environResourcesDst',{id:600,children:[
{id:610,children:[
{id:611,label:'三级表头(分)',prop:'populationscore',],{id:620,children:[
{id:621,prop:'landscore',{id:630,children:[
{id:631,prop:'trafficscore',{id:640,children:[
{id:641,prop:'communalFacilitiesscore',{id:650,children:[
{id:651,prop:'modelscore',
生成表头必须配置"key"
view：
以上这篇vue+element-ui动态生成多级表头的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。
