Vue+Element-Ui设置标签页切换时保留数据
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
记录一下最近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 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)