
一个页面由3个组件构成,现只要刷新C组件,且C组件已经被keep-alive缓存
思路:先把C组件从keep-alive中去除,记录下当前页面的路径和缓存组件的名称(方便重新加载后使用),再路由到一个空白页面Refresh.vue
// 从keep-alive中去除
this.$store.commit('removeKeepAlivePage', '移除组件缓存');
// 转到空白页
this.$router.replace('/refresh');
在Refresh.vue初始化时直接路由到之前记录的路径
created () {
this.$router.replace('记录的路径').then(() => {
// 将组件重新加入缓存中
......
});
}
本文介绍如何在Vue应用中仅刷新特定组件C,同时保持其状态不变。通过利用keep-alive缓存机制,先将C组件移除缓存,记录当前路径,跳转至空白页Refresh.vue,之后返回原路径并重新加载C组件至缓存中。
3114

被折叠的 条评论
为什么被折叠?



