记录一下最近Vue项目接触到的问题, 在多页面切换的时候, 每次切换页面都会页面重新加载, 很费时间. 所以需要优化, 使得标签页未关闭的情况下, 保留数据, 以便切换访问

在这里插入图片描述

因为这个问题浏览了大量的资料博客. 基本都是通过把router-view嵌套到keep-alive标签, 但是没能实现.
最后发现使用的element框架自带了keep-alive的,只是keep-alive是根据组件名称来缓存的,只需要在组件中加入name: Xxx就行. 首字母大写.
这里的name是路由name. 也就是:
如果你的页面路由地址为user,则要将页面的name设置为User.
如果你的页面路由地址为dept,则要将页面的name设置为Dept

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

本次记录结束,希望对你们有所帮助~

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐