如何解决初学者坚持如何操作 Apollo/GraphQL 返回的数据
我是 Vue 的新手,所以这可能是一个愚蠢的问题,但我很难理解如何在我的组件中操作 Apollo/GraphQL 返回的数据。
这就是我的工作:
import gql from 'graphql-tag'
export default {
name: 'HeaderPrimary',data() {
return {
loading: false,posts: [],}
},apollo: {
posts: gql`
query posts {
posts {
edges {
node {
id
title
}
}
}
}`
},components: {
Loading_Spinner
},methods: {
checkPosts: function(){
console.log('>> [HeaderPrimary] posts = ',posts[0])
}
},watch: {
posts: function callback(){
this.checkPosts();
}
}
apollo 正在工作.. 它接收数据很好.. 但我想编写一个函数,将结果返回到控制台日志中,这样当我 npm 服务时,我就可以在浏览器控制台中看到结果。我还试图了解在数据准备好后我可以在哪里操作数据。
我收到了很多未定义的错误..所以我开始使用“this”关键字,因为我仍然有点不清楚不同的 vue 选项是如何相互关联的。
我还意识到“posts”可能记录为未定义,因为 apollo 查询是异步的,并且在我记录之前可能没有用数据填充对象,所以我尝试使用“watch”来检查何时“ post" 更新,然后在方法中引用一个函数,但它似乎没有找到我的方法,而且帖子也没有真正正确记录。
这是正确的方法吗?我究竟做错了什么?我如何知道数据何时返回并准备好进行操作?我如何访问它?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。