Vue.js 使用Vue apollo对失败的查询进行无限加载
我正在用Quasar开发一个应用程序,它可以编译成Cordova应用程序,这样我就可以在手机上运行它了。奇怪的是,我只有在我的手机上才有这个错误,在控制台上没有错误,只有在安装应用程序的第一次加载时才有 我有一个简单的问题Vue.js 使用Vue apollo对失败的查询进行无限加载,vue.js,cordova,quasar-framework,quasar,vue-apollo,Vue.js,Cordova,Quasar Framework,Quasar,Vue Apollo,我正在用Quasar开发一个应用程序,它可以编译成Cordova应用程序,这样我就可以在手机上运行它了。奇怪的是,我只有在我的手机上才有这个错误,在控制台上没有错误,只有在安装应用程序的第一次加载时才有 我有一个简单的问题 apollo: { receipts: { query: GET_RECEIPTS, loadingKey: "loading", }, }, 我的组件数据是: loading = 0; @Wat
apollo: {
receipts: {
query: GET_RECEIPTS,
loadingKey: "loading",
},
},
我的组件数据是:
loading = 0;
@Watch("loading")
emitLoading(val) {
this.$apollo.mutate({
mutation: UPDATE_LOADING,
variables: { loading: !!val }
});
}
但问题是,当查询无法获取任何内容(数据库中没有数据)时,我会得到无限的加载。我应该用阿波罗错误挂钩修复吗?如果是,如何访问钩子的加载数据?解决方案一点也不明显。我需要更改该页面的路由路径(家庭管理)。以前我有:
path: "/",
component: () => import("layouts/main-layout.vue"),
meta: { requiresAuth: true },
children: [
{
path: "",
name: "homeManagement",
component: () => import("pages/home-management/index.vue")
}
现在我有:
path: "/",
component: () => import("layouts/main-layout.vue"),
meta: { requiresAuth: true },
children: [
{
path: "home",
name: "homeManagement",
component: () => import("pages/home-management/index.vue")
}
我不明白为什么会这样。顺便说一句,家庭管理的路径:“/”也给了我加载的问题