vue.js - 获取页面和组件
问题描述
我<Categories/>
在main
页面上有一个组件。在main
我fetch
用来调度操作的页面上。
在我的组件<Categories/>
中,我也使用 fetch ,它工作得很好。
我已经refresh token
在 nuxt 中实现了,所以如果我进入main
页面并且我的令牌过期,那么refresh
URL 会被调用一次。但事实并非如此!它被调用了两次......如果我只在main
页面上使用 fetch ,它就会按预期工作。
async fetch() {
await this.$store.dispatch(
"pub/getalll",
"/api/u/all?limit=" + this.pageSize + "&page=" + this.currentPage
);
},
我知道我可以处理<Categories/>
页面main
获取,但我想控制组件本身的获取状态。
在 <Categories/>
我尝试过mounted
但 URL 不断被调用两次。并且fetchOnServer: false
在我拥有的所有其他页面中,或者fetch
URL仅被调用一次。这是预期的行为。asyncData
refresh
我不明白问题出在哪里?任何想法?
解决方案
OP 解决了他的auth
模块被触发 2 次的问题debounce
!
推荐阅读
- javascript - 未捕获的类型错误:无法设置 null 的属性值
- bazel - 应该进行哪些测试以准备为 Bazel 做出贡献?
- r - 如何提取包含在“$”和“/”(特殊字符)之间的子字符串,然后替换该子字符串的值?
- php - PHP - 处理自动下载文件的 URL
- batch-file - 制作批量免打扰助手
- android - 当我在android studio中打开xml文件时,android studio突然关闭
- r - 如何标记三元 CCA?
- java - 使用 JAVA 的规范化器 XML
- vb.net - 将二进制字符串转换为十六进制字符串
- php - 如何修复编辑界面在 Laravel 5.7 中仅获取表中列的第一个单词?