如何通过Vue的keep-alive实现多页签功能并支持强制刷新操作？

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

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

目录

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

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

需求

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

1：要求支持打开多页签

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

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

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