當我嘗試在我的 Vue 專案中回圈一個 GraphQL 查詢時，我收到了一個 TypeError。
我的腳本如下所示：
<script>
import { useQuery } from "@vue/apollo-composable";
import gql from "graphql-tag";
const POST_QUERY = gql`
query GetPostsEdges {
posts {
edges {
node {
id
title
}
}
}
}
`;
export default {
setup() {
const { result } = useQuery(POST_QUERY);
console.log(result);
return { result };
},
};
</script>
還有我的 for 回圈：
<div v-if="result">
<p v-for="edge in result.posts.edges.node" :key="edge.id"></p>
<p>{{ edge.title }}</p>
</div>
結果在控制臺中正確回傳。但是我從 for 回圈中得到了 TypeError 。我想也許我寫錯了路徑？
錯誤：
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'title')
uj5u.com熱心網友回復：
采用
<p v-for="edge in result.posts.edges.node" :key="edge.id">{{ edge.title }}</p>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/456880.html
標籤：javascript Vue.js for循环 图形
下一篇：為每一步繪制一個點i