vue.js - NuxtJs中如何刷新Async Data()获取的数据？

Question

在 NuxtJs 应用程序中，我通过 AsyncData() 方法在服务器端获取了 data()。

例如，我需要删除一个条目并在不重启浏览器的情况下刷新页面。

在纯 Vue 中，我会编写一个 ajax 方法来在删除后从服务器更新数据。通常此方法与初始加载相同，位于“已安装”中。但是 NuxtJs 无法再次访问方法 async Data() 。或者我可以吗？

   async asyncData({$axios, params}) {
        const {data} = await $axios.$get(`/topics/${params.id}`)

        return {
            topic: data
        }
    },

  -------------------------

   async deletePost(id) {
            await  this.$axios.$delete(`/topics/${this.topic.id}/posts/${id}`)
                // bad idea - hard reset
                   window.location.reload(true)
                //how refresh by asyncData()?
    },

Answer 1

这可以在任何组件中使用 $nuxt 助手轻松完成:

await this.$nuxt.refresh()

参见 https://nuxtjs.org/docs/internals-glossary/$nuxt/#refreshing-page-data