怎么在vue2中使用点火电极缓存多层列表页 - 行业资讯 - 肥雀云

　　介绍

这篇文章将为大家详细讲解有关怎么在vue2中使用点火电极缓存多层列表页,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

路由到详情页,然后详情页加载列表页组件展现,然后在组件模块通过道具:[' id # 39;]获取数据

import Vmothod 得到& # 39;. ./页面/ApiMethodTable.vue& # 39;; 　　import VsystemParam 得到& # 39;. ./页面/ApiSystemParamTable.vue& # 39;; 　　import VsystemError 得到& # 39;. ./页面/ApiSystemErrorTable.vue& # 39;; 　　& lt; template> 　　,& lt; div> 　　& lt;才能Vmothod : id=癷d"祝辞& lt;/Vmothod> 　　& lt;才能VsystemParam : id=癷d"祝辞& lt;/VsystemParam> 　　& lt;才能VsystemError : id=癷d"祝辞& lt;/VsystemError> 　　,& lt;/div> 　　& lt;/template>

但是如此以来,在返回上一层或者修改数据回跳后,因为没有页面缓存,所以页数会变成第一页,使用上很不方便。

<强>在网上找了相关解决方案后,我试着在路由上加入了维生参数。

元:,{,keepAlive: true } , & lt; keep-alive> 　　& lt;才能router-view v=皉oute.meta.keepAlive"美元;祝辞& lt;/router-view> 　　,& lt;/keep-alive> 　　,& lt; router-view v=? route.meta.keepAlive"美元;祝辞& lt;/router-view>

这样解决了页面不缓存的问题,但跳转之后所有页面都是一模一样的数据,这就很不对了。后台发觉还要在页面初始化时加入钩子函数拉取数据

,激活(){ 　　this.getData才能(); 　　以前,}

但是发觉还是不行,上一页通过道具:[' id # 39;]传递到组件参数也会被缓存,如此以来道具不能用了,只有通过在路由来传递参数。

<强>在路由的时候带上id参数

路径:& # 39;/方法/:id # 39;

<强>然后在组件页面获取参数

自我。route.params美元。id

关于怎么在vue2中使用点火电极缓存多层列表页就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。