使用 Gridsome GraphQL 查询要在 Veutify v-data-table 而不是数组中使用的数据？

问题描述

我正在使用 Gridsome 和 Vuetify 创建一个 v-data-table vue 组件。有没有什么方法可以使用Gridsoms GraphQL 在不使用数组的情况下将数据查询到vuetify 表中？我目前正在导入一个 .json 文件，其中包含一些我想在 v-data-table 中使用的数据。这是我当前的设置，我无法利用 Gridsome: static-query 选项，我只使用数据数组中的“硬编码”值：

<template>
  <div>
    <v-data-table
      :headers="headers"
      :items="data"
      :items-per-page="5"
      class="elevation-1"
    ></v-data-table>
  </div>
</template>

<static-query> // I'd like to use this to load the data from my json file to the v-data-table
query {
  registers: allRegisters(sortBy: "id",order: ASC) {
      edges {
        node {
        id
        title
      }
    }  
  }
}
</static-query> 

<script>

export default {
  data () {
    return {
      headers: [
        {
          text: 'Register',align: 'start',sortable: false,value: 'name',},{ text: 'ID',value: 'id' },{ text: 'Title',value: 'title' },],data: [{
          id: 1,title: "test",}
      ],}
  },}
</script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）