TAY
笔记 · · 阅读 122

nuxt3 参数更改时 useFetch refresh 刷新不起作用

这就是Vue反应性的工作原理——当调用useFetch时,该值会及时冻结。
如果想让它保持可动,可以使用 useAsyncData 并提供一个自定义的 fetch。

例如:

const { data: inventories, refresh: refreshInventories } = await useAsyncData(
    'inventories',
    () =>
        $fetch('/api/user/inventories', {
            query: {
                dropPreference: userPreferences.value.drop_preference
            },
        }),
    {
        watch: [userPreferences]
    }
);
目录