Vuetify 数据表未显示数据

Question

Vuetify数据表不显示数据，显示1行中有1行显示，但表体为空。我的组件代码：<template>  <v-data-table    :headers="headers"    :items="desserts"  >  </v-data-table></template><script>export default {  name: 'Users',  data () {    return {      headers: [        {          text: 'Dessert (100g serving)',          align: 'left',          sortable: false,          value: 'name'        },        { text: 'Fat (g)', value: 'fat' },      ],      desserts: [        {          name: 'Frozen Yogurt',          fat: 6.0,        },      ]    }  }}</script><style scoped ></style>结果：知道如何解决这个问题吗？

Answer 1

就我而言，问题是我将headers数组放在了props部分而不是data. 因此，即使v-datatable将其items属性设置为一组对象（可以使用 Vue Dev Tools 确认；Chrome 扩展程序），它也不会显示任何行。

敲了半个小时头，才终于意识到这个问题。一旦我headers从props移到data，表格就开始显示行。希望这可以帮助某人在路上。