vue.js - Nuxt Fetch 在第一次加载时不会更新

Question

我遇到了以下问题，希望有人能帮助我:

Fetch 不适用于第一次加载(也不适用于重新加载)。它仅适用于客户端(当我在路由之间移动时)。

我读过 watchQuery 可以提供帮助，但不明白为什么以及如何使用它。

<script>
export default {
  async fetch() {
    const userId = await this.$nuxt.context.store.state.auth.authUser.userId
    await this.$store.dispatch('case/fetchMyCases', userId.uid)
    await this.$store.dispatch('case/fetchMyPendingCases', userId.uid)
...

即使我直接导入和使用 firebase/auth，它也不起作用。

<script>
import * as firebase from 'firebase/app'
import 'firebase/auth'
export default {
  async fetch() {
    const userId = await firebase.auth().currentUser
    await this.$store.dispatch('case/fetchMyCases', userId.uid)
    await this.$store.dispatch('case/fetchMyPendingCases', userId.uid)
...

有没有人有任何提示？我真的很感激。

谢谢!

Answer 1

经过 3 天的搜索/测试，我终于找到了我遇到这个问题的原因。

问题是我只是把 异步/等待 获取但 没有 放异步/等待 为 行动 本身。因此，我的 getter(在计算中)在调度完成之前获取商店状态。

谢谢大家!