Vuetify:v-data-table中的v-data-table?

时间:2019-09-16 13:10:11

标签: javascript vue.js datatables vuetify.js

我有以下JSON文件:

{ 
  "data":{ 
    "allClients":{ 
      "edges":[ 
        { 
          "node":{ 
            "allDatabases":{ 
              "edges":[ 
                { 
                  "node":{ 
                    "tnsname":"bst1rns"
                  },
                  "node":{ 
                    "tnsname":"sb_bst1rns"
                  }
                }
              ]
            }
          }
        }
      ]
    }
  }
}

我想将v-data-table添加到另一个v-data-table中,该表将解析array中的嵌套数组。像这样:

<v-data-table
    :headers="headers"
    :items="disClientsList.edges"
    :search="search"
    :items-per-page="100"
    :sort-by="['node.code']"
    :sort-desc="[false]"
    :single-expand="singleExpand"
    :expanded.sync="expanded"
    item-key="node.code"
    show-expand
    dense>
  <template v-slot:expanded-item="{ headers, item  }">  
    <v-data-table :items="item.node.allDatabases.edges">
      <td :colspan="headers.length">{{ node.tnsname }}</td>
    </v-data-table>
  </template>
</v-data-table>

可以这样做吗?

0 个答案:

没有答案