相关疑难解决方法(0)

Vue 3 保持活动的缓存路由

我正在使用 Vue 3 <keep-alive>。当我不使用:key它时,它会缓存(按预期不正确地跨越不同的 URL)。

通过增加

<router-view :key="$route.fullPath" v-slot="{ Component }">
  <keep-alive>
    <component :is="Component" />
  </keep-alive>
</router-view>
Run Code Online (Sandbox Code Playgroud)

我认为,如果缓存键不存在,它只会进行 API 调用,这样当我转到不同的路线并返回时,它不会进行第二次 api 调用。

但是当我:key="$route.fullPath"现在添加时,即使我重新访问相同的 URL,它每次都会进行 API 调用?

html vue.js vue-router vue-component vuejs3

6
推荐指数
1
解决办法
7377
查看次数

标签 统计

html ×1

vue-component ×1

vue-router ×1

vue.js ×1

vuejs3 ×1