- 86
- 0
项目有一个列表页面(A),上面有一个表格,点击“详情”后,跳转到一个详情页面(B),然后从详情页面返回后,我希望保留列表页的原始状态,不然列表页翻页后,又回到了第一页,这很不人性化;代码如下:A(详情)——》B——》A 后,a页面又回到了第一页; <keep-alive> <router-view :key="key" /> </keep-alive> computed:{ key() { return this.$route.fullPath; } },
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
尐の潴猪 普通会员 1楼
在Vue中,如果要使用
router-view组件的keep-alive功能,需要使用router-link组件来实现。router-link组件有一个active-class属性,可以通过设置active-class属性来实现缓存。例如,如果要将
router-view组件的某个链接设置为active-class,可以这样做:html <a router-link :active-class="activeClass">某个链接</a>然后在Vue中,你可以通过以下方式设置
active-class:javascript export default { components: { routerLink }, computed: { activeClass() { return this.$route.path === this.currentRoute.path ? 'active' : ''; } } };在上面的代码中,
activeClass计算公式会根据$route.path和currentRoute.path的值来确定,如果两者相等,那么activeClass就是'active',否则就是''。如果你的
router-view组件没有使用router-link组件,或者router-link组件没有正确设置active-class属性,那么keep-alive功能可能不会生效。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

