zoukankan
html css js c++ java
vue__之keepalive状态管理
在开发中, 从列表跳到详情页面, 然后再返回到列表页 ,此时 列表回到了第一个
如果想保持 列表的状态 ,不变, 这里就要用到 keep-alive;
没使用 keep-alive
table栏回到 第一个了
使用 keep-alive 保持页面的状态;
首先在路由中的meta标签中记录keepAlive的属性为true
在 home 打印一下 $route , 看是否有 meta 属性
在 App.js中 判断一下 router-view
如果 路由里 有keepalive, 就使用保持状态的 路由,
否则 就使用正常的路由
使用 keep-alive后:
从详情页 返回 列表 没有发生改变
查看全文
相关阅读:
[css]继承关系(一)
Trie树-提高海量数据的模糊查询性能
[C]struct结构化数据的一些要点
[C]表达式结合规律和运算符优先级
[C]副作用和序列点
[C]链接和生存周期
[PHP]关于连接MySQL的问题
IT网址大全
VUE 生命周期
Vue 组件间传值
原文地址:https://www.cnblogs.com/cl1998/p/13196518.html
最新文章
cocos3.7.1 mac 创建项目
quick-coco2d下的事件
quick-cocos2d 设置横屏
cocos3.x新建项目
cocos2dx 2.x新建项目
XCode设置竖屏
安装xz
招聘二三事
招聘测试二三事
面向对象之成员
热门文章
前端之CSS(二)
前端之CSS(一)
前端之HTML
自定义线程池
socket初始
字典用法补充
列表用法补充
[Linux]文件权限模式掩码常量
[css]定位机制
[PHP]引用语法
Copyright © 2011-2022 走看看