Vue.js I';我得到一个错误';无法读取未定义的';但是阿波罗一号在我的网页上没有任何财产
我有一个(奇怪的)问题,我想不出来 我创建了一个主页,上面有一些来自阿波罗舱呼叫的数据。这一切都很好,但当我尝试导航到下一页时,会出现错误“无法读取未定义的属性“$apolloData”。问题是在我导航到的第二页没有呼叫阿波罗。这只是一个静态页面 即使您不在调用查询的页面上,Apollo是否仍继续重新读取数据? 在进入下一页之前,我应该做些什么 我不知道会有什么问题,所以非常感谢您的帮助 在主页中被称为一个的查询:Vue.js I';我得到一个错误';无法读取未定义的';但是阿波罗一号在我的网页上没有任何财产,vue.js,nuxt.js,apollo,Vue.js,Nuxt.js,Apollo,我有一个(奇怪的)问题,我想不出来 我创建了一个主页,上面有一些来自阿波罗舱呼叫的数据。这一切都很好,但当我尝试导航到下一页时,会出现错误“无法读取未定义的属性“$apolloData”。问题是在我导航到的第二页没有呼叫阿波罗。这只是一个静态页面 即使您不在调用查询的页面上,Apollo是否仍继续重新读取数据? 在进入下一页之前,我应该做些什么 我不知道会有什么问题,所以非常感谢您的帮助 在主页中被称为一个的查询: apollo: { query1: { query: que
apollo: {
query1: {
query: query1,
prefetch: true,
},
query2: {
query: query2,
prefetch: true,
variables () {
return { id: this.query2variable }
}
},
query3: {
query: query3,
variables () {
return { id: this.query3variable }
},
// Disable the query
skip () {
return this.skipQuery
},
}
},
导航到第二页:
<div
class="text-titleColor font-bold w-full block flex-grow lg:flex lg:items-center lg:w-auto"
:class="open ? 'block' : 'hidden'"
>
<div class="text-sm lg:flex-grow text-right">
<router-link
to="/"
class="block mt-4 mr-4 p-1 lg:inline-block lg:mt-0 border-b-2 border-solid border-transparent hover:border-titleColor"
>Search </router-link>
<router-link
to="aboutus"
class="block mt-4 mr-4 p-1 lg:inline-block lg:mt-0 border-b-2 border-solid border-transparent hover:border-titleColor"
>About us</router-link>
<router-link
to="/"
class="block mt-4 mr-4 p-1 lg:inline-block lg:mt-0 border-b-2 border-solid border-transparent hover:border-titleColor"
>Login </router-link>
<router-link
to="/"
class="inline-block text-sm px-4 py-2 text-hover bg-titleColor leading-none rounded border-transparent mt-4 lg:mt-0"
>Account aanmaken</router-link>
</div>
</div>
搜寻
关于我们
登录
安马肯账户
当我从第二页返回主页时,它会在主页上再次工作。请确保您在数据()上返回了一个对象,如果您遇到错误,请在第二页返回
data(){
返回{
//你的数据
}
}