Как получить данные из GraphQL запроса в v-list-item в Vue.js?
Я хочу получить данные из запроса GraphQL и показать его как лист в Vue с помощью v-list-item.
Вот что есть на данный момент
v-list-group(no-action, v-if='item.isFolder', :key='`childfolder-` + item.id')
v-list-item(slot='activator')
v-list-item-avatar(size='24')
v-icon mdi-folder
v-list-item-title {{ item.title }}
v-list-item(v-for="link in allLinks",
:key="link.id",
:link="link",
color='primary')
v-list-item-title {{ item.title }}
v-list-item(href='/graphql', color='primary')
v-list-item-title GraphQL
v-list-item(href='item.path', color='primary')
v-list-item-title {{ item.title }}
И вот сам граф запрос.
const resp = await this.$apollo.query({
query: gql`
query ($parent: Int, $locale: String!) {
pages {
tree(parent: $parent, mode: ALL, locale: $locale) {
id
path
title
isFolder
pageId
parent
locale
}
}
}
`,
fetchPolicy: 'cache-first',
variables: {
parent: item.id,
locale: this.locale
}
})
this.loadedCache = _.union(this.loadedCache, [item.id])
this.currentItems = _.get(resp, 'data.pages.tree', []) //_.get(resp, 'data.pages.tree', [])
this.$store.commit(`loadingStop`, 'browse-load')
Я думаю есть возможность проитись v-for по графу и вывесть данные в виде списка из v-list-item?