Tutorial zur Implementierung von Tabellenladebaumdaten in der Vue-Komponentenbibliothek ElementUI

<el-Tabelle
  ref="Tabelle"
  :data="apprItemData"
  :header-cell-style="Kopfklasse"
        @select="Auswahl handhaben"
        Zeilenschlüssel = "Element genehmigen"
        Höhe="420"
  Grenze
       Standardmäßig alles erweitern
       :tree-props="{Kinder: 'Kinder'}">
 <el-table-column
   Typ="Auswahl"
   Breite="55">
 </el-Tabellenspalte>
 <el-table-column
   prop="Artikelcode"
   label="Artikelnummer">
 </el-Tabellenspalte>
 <el-table-column
   prop="Genehmigungsname"
   label="Artikelname">
 </el-Tabellenspalte>
 <el-table-column
   prop="apprStatusStr"
   label="Konfigurationslink"
   Farbe="blau">
 </el-Tabellenspalte>
</el-Tabelle>

{
    "Ich würde": 3,
    "Artikelcode": "123",
    "approveName":"Testelemente",
    "apprStatusStr":"Linkname",
    "Kinder":[
        {
            "Ich würde":31,
            "Artikelcode": "111",
            "approveName":"Testelemente",
            "apprStatusStr":"Linkname"
        }
    ]
}

<Skripttyp="text/babel">
       var vm = neuer Vue({
           el: '#app',
           Daten:{
               apprItemData: [],
               currentPage: 1, //Aktuelle Seite totalRow: 0, //Gesamtzahl der Seiten pageSize: 10 //Aktuelle Anzahl der angezeigten Elemente},
           berechnet: {},
           betrachten: {},
           erstellt() {},
           montiert() {
               dies.loadItemData();
  },
           Methoden: {
               // Artikelinformationen laden loadItemData () {
                   var Seitengröße = diese.Seitengröße;
                   var aktuelleSeite = diese.aktuelleSeite;
                   console.log("Seitengröße:"+Seitengröße+",aktuelleSeite:"+aktuelleSeite);
       //Debugger;
       var geturl = '${root}/config/loadItemData.do?rows='+pageSize + '&page=' + currentPage;
                   $.ajax({
                       Typ: "get",
                       URL:geturl,
                       Inhaltstyp: "application/json; Zeichensatz=utf-8",
                       Erfolg: Funktion (Daten) {
                           //Debugger;
                           Konsole.log("totalRow:"+data.total);
                           vm.apprItemData = Daten.Zeilen;
                       },
                       Fehler: Funktion(e) {
                           console.log("Fehler beim Aktualisieren der Daten:",e);
                       }
                   })
               }
           }
       });
</Skript>