Can someone help me with a table display issue in Vuetify? I've tried various solutions but my data is not showing up on the table, although I can see it using the dev tools.
Here's a screenshot of how the data looks in the dev tool
I've shared my code below:
Vuetify Table Code
BoardList.vue
<template>
<v-container>
<v-data-table
:headers="headers"
:items="boards"
class="elevation-1"
:search="search"
>
<template v-slot:item="props">
<td class="text-xs-right">{{ props.item.articleno }}</td>
<td class="text-xs-right">{{ props.item.data.articleno }}</td>
</template>
</v-data-table>
<v-col><v-col md="8" /></v-col>
<v-container>
<v-row>
<v-col md="6" />
<v-btn @click="goodbye"> 게시글 삭제</v-btn>
</v-row>
</v-container>
</v-container>
</template>I've tried different combinations like props.item.articleno, props.item.data.articleno, item.articleno, and item.data.articleno, but none seem to be working. My Vue version is 2.6.11. Can anyone point out what I might be doing wrong?