Vuetify-v-data-table标头/项目链接在项目中不起作用

时间:2019-08-22 11:21:26

标签: vue.js vuetify.js nuxt.js

我有一个典型的v-data-table

<v-data-table
  :headers="headers"
  :items="desserts"
  :items-per-page="5"
  class="elevation-1"
></v-data-table>
.
.
.
data () {
  return {
    headers: [
      { text: 'Dessert', value: 'name'},
      { text: 'Calories', value: 'calories' },
    ],
    desserts: [
      {
        name: 'Frozen Yogurt',
        calories: 159,
      },
      {
        name: 'Ice cream sandwich',
        calories: 237,
      },
    ],
  }
},

headers.value映射到项目(沙漠)对象中的属性

但是在我当前的项目中,由于某些原因无法,该表没有没有行,但是...在表脚注中正确显示了“ 1 -2 of 2“消息,表示已正确读取项目,但行未得到渲染/显示

我正在使用nuxt,但我不知道是否存在一些严重的错误配置,但我不这么认为

我尝试过的事情 我创建了一个新的nuxt项目,一个新的vue / vuetify项目,并且该表在此可以正常工作

我还尝试了尽可能多地剥离当前项目,但表格仍无法正确显示

我已经更新了软件包……不走运

欢迎提出任何想法

0 个答案:

没有答案