vue keep-alive解决关闭标签动态缓存问题
2024-08-30 01:00:36
直接上代码:
<keep-alive :include='topNavMentNames'>
<router-view ></router-view>
</keep-alive>
include会选择性的缓存,没有的会选择不缓存,
exclude则相反,
topNavMentNames 是数组这里面存的是个组件的name名!大致长这样["a","b","c"] ,注意是在文件里name名!关闭标签时就splice截取掉topNavMentNames 里相对应的组件名。
例子:
export default {
data() {
return {
name:'app_userCtrl', //页面里的name名
}
}
}
我之前 这样是不好使的!尝试了各种办法 结果原因是我的路由有问题!路由梳理一下 要按正规的走
我的路由大致是这样的:
routes: [
{
path: '/home',
component: Home,
name: 'Home',
redirect: '/home/table',
children: [
{
path: 'table', name: '表格', component: resolve => require(['../view/nav/Table.vue'], resolve)
},
{
path: 'form', name: '表单', component: resolve => require(['../view/nav/Form.vue'], resolve)
},
{
path: 'charts', name: 'Charts', component: resolve => require(['../view/nav/charts.vue'], resolve)
},
{
path: 'article', name: '文章', component: r => require(['../view/nav/Article.vue'], r)
},
{
path: 'article/add', name: '新增文章', component: r => require(['../view/admin/Post.vue'], r)
},
{
path: 'article/:postId', name: '文章详情', component: r => require(['../view/admin/PostDetail.vue'], r)
}
]
},
]
因为路由时从后端传过来的,路由path里不要随意加"/"他默认的上级路由会改变的
最新文章
- Glide 魔法般的自定义扩展
- final阶段团队贡献分分配
- iOS开发 ReactiveCocoa入门教程 第二部分
- 关于e^PI>;PI^e
- Linux发展史
- POJ1837 Balance(DP)
- addListener添加事件监听器,第三个参数useCapture (Boolean) 的作用
- Android源码下载方法详解
- SKPhysicsWorld类
- DevExpress XtraReports 入门五 创建交叉表报表
- 原根求解算法 &;&; NTT算法
- WebApi系列~对HttpClient的响应流进行解压
- Windows7 WIN 7 64位 环境编译6sv2.1版本的大气传输模型
- qt5信息提示框QMessageBox用法
- 一个简单的日志函数C++
- uva-10152-乌龟排序
- 关于RSSI的问题
- poj 2096 Collecting Bugs 概率dp 入门经典 难度:1
- CSS animation online生成工具
- Kotlin学习记录3
热门文章
- Spring -- <;tx:annotation-driven>;注解基于JDK动态代理和CGLIB动态代理的实现Spring注解管理事务(@Trasactional)的区别。
- SpringMVC 中模型数据处理中的@ModelAttribute 和@SessionAttributes使用细节
- NodeJs第3方包说明
- 转)nodejs后台启动方式PM2
- Django的rest_framework的视图之基于ModelViewSet视图源码解析
- python note 03 切片及对字符串操作
- 716. Max Stack实现一个最大stack
- Fiddler 手机抓包 手机联网异常解决方案
- uboot——git代码仓
- mysql 数据库设计