[Vuejs]-Component not rendering nor providing an error

by

0👍

What I see is that you trying to use props in your InternalTable.vue, which you used like this:

props: {
   participants: {
      type: Array,
   }
}

In your Into.vue, you just call your component without providing these props. You should change:

<InternalTable></InternalTable>

to

<InternalTable :participants="participants"></InternalTable>

Looks like your b-table isn´t rendering because you didn´t provide data.

EDIT: Your data needs to be filled first

Currently, your array participants is empty, it just consists of:

participants: {
   type: Array,
   default: null,
}

In your InternalTable.vue you refer to primaryAlias, primaryEmail, primaryAddress and primaryPhone at your b-table-column´s. This data isn´t provided yet, thats why the table renders without data. You need to provide an array with a minimum structure of:

participants: [
   {
      primaryAlias: '',
      primaryEmail: '',
      primaryAddress: '',
      primaryPhone: ''
   }
]

Leave a comment