vue.js - 使用 Vue apollo 无限加载失败的查询
问题描述
我正在使用 Quasar 开发一个应用程序,它编译为 Cordova 应用程序,因此我可以在手机上运行它。奇怪的是,我只在我的手机上有这个错误,控制台没有错误,而且只有在安装应用程序时第一次加载。
我有一个简单的查询
apollo: {
receipts: {
query: GET_RECEIPTS,
loadingKey: "loading",
},
},
我的组件数据是:
loading = 0;
@Watch("loading")
emitLoading(val) {
this.$apollo.mutate({
mutation: UPDATE_LOADING,
variables: { loading: !!val }
});
}
但问题是当查询无法获取任何内容(数据库中没有数据)时,我会得到无限加载。我应该用阿波罗错误钩子修复吗?如果是,我如何访问挂钩的加载数据?
解决方案
解决方案一点也不明显。我需要更改该页面的路由路径(homeManagement)。以前我有:
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")
}
我不明白为什么会这样。顺便说一句path: "/"
,homeManagement 也给了我加载的问题。
推荐阅读
- python - 在python3中获取Nonetype Attribute错误
- excel - 使用新的 Excel 动态数组公式的累积和公式
- excel - 我的 VBA Excel 代码上的运行时错误 1004 - 将数据从一个工作表传输到另一个工作表
- android - Firebase 数据库中的“.info/serverTimeOffset”不刷新
- c - 关于整数提升
- android - android 我设置了songti.ttc这样的字体,但是我的textview设置是gravity=“center”,结果在android 5.0 lollipop上不起作用
- go - 使用外包文件中的函数
- javascript - 如何在反应中显示加载程序。使用钩子
- html - 有没有办法从 XSD 生成动态 Web 表单?
- node.js - Mogodb 索引名称太长