Elemenuid 테이블을 동적으로 렌더링하는 방법 ？

예를 들어, 첫 번째 레이어의 datetime 과 data 아래에 있는 속성이 필요합니다.

솔루션:

1< ! -양식->; 2 & ltel-table3id = "out-table" 4: data = "tabel data" 5 style = "width:100" 6 tooltip-effect = "dark" 7 stripe 8 border10 >13 < El-table-columnprop = "datetime" label = "date" fixed > 14 < 템플릿 slot-scope = "scope">；; 15 < ! -scope.row.datetime 은 tabeldata- > 아래의 각 행에 대한 datetime 데이터 가져오기를 의미합니다. 16 < Span & gt {{scope.row.datetime}} < /span>. 17 < /template > 18 < /El-table-column > 19 < ! -상세 정보-> 20<! -tableHead 는 가져온 두 번째 레벨 데이터의 속성, 즉 헤더->; 21< El-table-column22 v-for="(item, index) intable head "23: label =" item "24: key =" " 26< 템플릿 slot-scope = "scope">；; 27<! -범위. Row.data[ item] 은 tabeldata-> 28 {{scope.row.data [item]}} 29 < /template > 30</El-table-column > 31< /El-table >

그 중에서도 날짜는 고정되어 있고, 각 표는 모두 있으니, 우리는 직접 쓸 수 있다. 머리의 나머지 부분은 동적 렌더링을 통해 두 번째 레이어 데이터 아래의 데이터입니다.

2 층 데이터 아래 항목의 속성, 즉 헤더를 어떻게 얻을 수 있습니까?

1 // 데이터를 가져와 2 $ 에 넣습니다. 각각 (결과). 데이터, 함수 (인덱스, 요소) {3 tableData 1. 밀다. 데이터 [색인]. 데이터); 4}); 5 // 헤더 가져오기, 2 층 중첩을 통해 JSON 데이터의 2 층 속성 6 for(table data 1 의 VARI) {7 VARHEADER = []; 8 for(table data 1[I] 의 varj) {9header.push (j); 10} 1 1}