¿Cómo renderiza tablas dinámicamente elemenuid?

Por ejemplo, nuestro encabezado requiere las propiedades debajo de fecha, hora y datos en la primera capa.

Solución:

1 lt;! -form->2 ltEl-table 3 id = " out-table " 4: data = " tabel data " 5 style = " ancho: 100; " 6 tooltip-effect = " dark " 7 raya 8 borde 10 >13 lt ; El-table-column prop = " fecha y hora " etiqueta = " fecha " gt fijo 14 lt; plantilla slot-scope = " alcance " gt; - alcance.row.datetime significa obtener los datos de fecha y hora de cada fila en tabeldata->; 16 lt; span gt{ { alcance fila } } lt; 17lt;/templategt;18lt;/El-table-columngt;19lt;! -Detalles- gt;20lt! - tableHead es el atributo de la segunda capa de datos obtenidos, es decir, el encabezado de la tabla -> 21 lt; el-table-column 22 v-for="(item, index) in table head " 23: label = " item " 24: clave = "índice" 25 gt; 26 lt plantilla slot-scope = " alcance " gt; 27 lt! -alcance. row.data[elemento] significa obtener tab eldata-> 28 { { alcance fila .datos[elemento]} } 29 lt;/template gt; ;

Entre ellos, la fecha es fija y existe en cada tabla, y podemos escribirla directamente y el resto del encabezado son los datos bajo la segunda capa de datos, que se representan dinámicamente.

¿Cómo obtener los atributos de cada elemento bajo la segunda capa de datos, es decir, el encabezado de la tabla?

1 //Obtiene los datos y colócalos en 2 $. Cada (result.data, function(index, element) {3 tableData1. push(result.data[index].data); 4 } // Obtenga el encabezado y obtenga la segunda capa de datos json a través de doble capa; Atributo de anidamiento 6 para(var I en datos de la tabla 1){ 7 encabezado var =[]; 8 para(var j en datos de la tabla 1[I]){ 9 encabezado .