Kann nicht Eigentum von verschachtelten Objekten Zugriff vue

Question

ich Vue für ganz irgendwann jetzt bin mit aber Probleme beim Zugriff auf bestimmte Eigenschaft meiner Objekt mit ..

I Objekt mit dem Namen „Tabelle“ mit „Daten“ haben und „Paginate“ Eigenschaften das wird als Props an meine Datatable Vue-Komponente übergeben. Wenn ich versuche, das Objekt "table" in meiner Datatable-Komponente zu loggen, kann ich sehen, dass die Eigenschaften "data" und "Paginate" Werte haben, aber wenn ich versuche, auf die Verwendung von "this.table.data" zuzugreifen, bekomme ich 0 Werte ..

hier die Struktur meines Tabellenobjekts ist:

table : { 
    data : array[7], 
    paginate: Object 
} 

versucht, die this.table.data auf „Berg“ der Vue-Instanz zugreifen.

Danke für die Hilfe!

Component Code:

<script> 
window.Event = new Vue(); 

export default { 

props: { 
     tableid: String, 
     settings: Object, 
     table: Object, 
    }, 
mounted: function(){ 
    console.log(this.table); 
} 
</script> 

Answer 1

Vue.component('table-show', { 
 
    template: '#table-show', 
 
    props: { 
 
    table: Object, 
 
    } 
 
}); 
 

 
new Vue({ 
 
    el: '#app', 
 
    data: { 
 
    tables: [{ 
 
     data: [1, 2, 3], 
 
     paginate: true 
 
    }, { 
 
     data: [4, 5, 6], 
 
     paginate: true 
 
    }, { 
 
     data: [7, 8, 9], 
 
     paginate: false 
 
    }, ], 
 
    } 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.5/vue.js"></script> 
 
<template id="table-show"> 
 
    <li>{{table.data}}</li> 
 
</template> 
 

 
<div id="app"> 
 
    <ul> 
 
    <table-show v-for="table in tables" :table="table"></table-show> 
 
    </ul> 
 
    <pre> 
 
    {{$data.tables}} 
 
    </pre> 
 
</div>