vueelementeltable動(dòng)態(tài)生成多級(jí)表頭

1、vueelementel-table動(dòng)態(tài)生成多級(jí)表頭方法el-table動(dòng)態(tài)生成表頭，百度了一下然后自己寫了個(gè)小例子，一共三個(gè)頁面，可直接使用index-tabletext.vueindex-tabletexttvue7*:一亠一-丄I亠I亠丄亠-_丄小*+*-1.index-tabletext.vueimportindexTabletextlfrom./index-tabletextlexportdefaultcomponents:indexTabletextldata()returnm:prop:date,label:日期label:配送信息，“prop:name：label:姓名,lab

2、el:地址,children:prop:province,label:省份,prop:city,label:市區(qū),prop:address：label:地址,datalist:date:2016-05-03：name:王小虎，province:上海，city:普陀區(qū)，address:上海市普陀區(qū)金沙江路1518弄,date:2016-05-02,name:王小虎,vueelementel-table動(dòng)態(tài)生成多級(jí)表頭province:上海，city:普陀區(qū),8弄爲(wèi)2.index-tabletext1.vuevueelementel-table動(dòng)態(tài)生成多級(jí)表頭importindexTabletex

3、t2from./index-tabletext2exportdefaultcomponents:props:thtable,datalist3.index-tabletext2.vuevueelementel-table動(dòng)態(tài)生成多級(jí)表頭templatev-if=thtable.childrenexportdefaultname:MyColumn,方法感覺挺麻煩的el-tableclass=whiteSpacetable:span-method=spanMethod:data=datalist0v-for=(item1,index1)initem.children:label=item1.lab

4、el:prop=p:key=index1templateslot-scope=scope注：1、評(píng)委會(huì)應(yīng)當(dāng)就所有評(píng)審項(xiàng)進(jìn)行評(píng)審。2、表中各項(xiàng)審查內(nèi)容只需填寫“V或xo3、在結(jié)論欄中填寫合格或不合格。p0v-for=(item2,index2)initeml.children:label=item2.label:prop=p:key=index20v-for=(item3,index3)initem2.children:label=item3.label:prop=p:key=index3exportdef

5、aultdata()returnthtable:label:3435,children:prop:date,label:3435,prop:explainlabel:3435,label:3435,children:label:3435,children:label:3435,prop:scored1children:children:vueelementel-table動(dòng)態(tài)生成多級(jí)表頭,label:3435,children:label:3435,prop:scored2,label:3435,children:label:3435,prop:scored3,label:3435,child

6、ren:label:3435,prop:scored4,label:3435,takecare:,vueelementel-table動(dòng)態(tài)生成多級(jí)表頭label:3435,children:prop:scored5,label:3435,label:3435,children:label:3435,children:prop:scored6,label:3435,prop:qualified,label:3435),datalist:takecare:,vueelementel-table動(dòng)態(tài)生成多級(jí)表頭date:xxxxx,explain:3435,qualified:不合格,rowspan

7、:1,colspan:1,content:/,takecare:,style:textalign:”，fontweight:,date:xxxxx,explain:”，qualified:3435,rowspan:1,colspan:1,content:/,takecare:,style:textalign:”，fontweight:,date:xxxxx,explain:”，qualified:,rowspan:1,colspan:1,content:,takecare:,vueelementel-table動(dòng)態(tài)生成多級(jí)表頭style:textalign:”，fontweight:,date

8、:xxxxx,explain:”，qualified:,rowspan:1,colspan:1,takecare:,content:,style:textalign:”，fontweight:,date:xxxxx,explain:”，qualified:,rowspan:1,colspan:1,content:,takecare:,style:textalign:”，fontweight:,date:3435,explain:”，takecare:1takecare:1vueelementel-table動(dòng)態(tài)生成多級(jí)表頭qualified:,rowspan:1,colspan:8,takec

9、are:,content:,style:textalign:”，fontweight:bold,date:3435,explain:”，qualified:,rowspan:1,colspan:8,content:,takecare:,style:textalign:”，fontweight:bold,date:注:1、12。n+vvvvvv2、56。n+vvvvvv3、78。,explain:,qualified:,rowspan:1,colspan:9,vueelementel-table動(dòng)態(tài)生成多級(jí)表頭content:,style:textalign:left,fontweight:,d

10、ate:324,explain:”，qualified:,rowspan:1,colspan:9,content:,style:textalign:left,fontweight:,date:日期:vvvvvv年vvvvvv月vvvvvv日,explain:”，qualified:,rowspan:1,colspan:9,content:,style:textalign:left,fontweight:,fileList:,dataForm:；,methods:spanMethod(row,column,rowlndex,columnlndex)returnrow.rowspan,row.colspan;.auxili-tablestylesmargin:20px;padding:10px70px;box-sizing:border-box;background-color:#f7f7f7;.scor