Vue中用keep-alive实现多页签，如何支持强制刷新功能？

本文共计1771个文字，预计阅读时间需要8分钟。

目录+使用keep-alive实现多页面签并支持强制刷新+需求+思路+已打开组件+Home页面+使用keep-alive后刷新部分数据如何解决+项目中遇到的问题+使用keep-alive实现多页面签并支持强制刷新+需求

目录

• 使用keep-alive实现多页签并支持强制刷新
• 需求
• 思路
• 已打开菜单组件
• Home页面
• 使用keep-alive以后刷新部分数据如何解决
• 项目中遇到得问题

使用keep-alive实现多页签并支持强制刷新

需求

我司有一款使用Vue构建的SPA 后台管理系统，此时客户提出一个需求。

1：要求支持打开多页签

2：多页签保留状态，即切换页签的时候不重新刷新内容。

3：关闭某一页签之后，重新打开之后，需要进行刷新

4：在当前页面可以进行强制刷新功能。