路由
{
path: '/article/:gsbm',
name: 'article',
component: () => import('@/views/Article')
}
组件
<keep-alive>
<router-view :key="$route.fullPath"></router-view>
</keep-alive>
问题:
在使用keep-alive
做组件缓存的时候, 发现上面的设置没有生效,请求还是会一直发起, 并没有做到组件缓存的功能.
解决:
通过查看文档发现, keep-alive
只会触发生命周期钩子函数, 而我是通过watch
监听进行的请求调用, 只需要把调用放到created
或mounted
钩子函数中即可.