我正在使用道具来获取鸟的ID。
[当我第一次启动该应用程序并单击以进入第二页时,将不会加载数据。它给出以下错误;
JS: [Vue warn]: Error in render: "TypeError: Cannot read property 'name' of undefined"
JS:
JS: found in
JS:
JS: ---> <Detail> at components/Detail.vue
JS: <Frame>
JS: <Root>
但是第二次单击按钮后,它会正确加载。
我创建了一个显示该问题的存储库。请在这里检查:github repo
<template> <Page> <StackLayout> <Label :text="bird.name" textWrap="true" /> <Button text="get data" @tap="getData" /> </StackLayout> </Page> </template> <script> import { gql } from "apollo-boost"; export default { props: ["birdID"], apollo: { bird: { query: gql` query($id: ID!) { bird(id: $id) { id name } } `, variables() { return { id: this.birdID, }; }, }, }, methods: { getData() { console.log("bird data: ", this.bird); }, }, mounted() {}, }; </script> <style></style>
是否有更好的方法来获取数据?
我正在使用道具来获取鸟的ID。当我第一次启动该应用程序并单击以进入第二页时,将不会加载数据。它给出以下错误; JS:[Vue警告]:渲染错误:“ TypeError:...
问题是您的模板