Keep-alive+router-view

在tab上可以打开多个产品详情页 每个详情页数据可编辑,在tab上切换时走keep-alive,现在遇到的问题是,详情页组件是一个动态路由,虽然tab上显示打开了多个详情页,实际上只打开了一个组件,tab上切换时数据实际只有一个值,我试着循环出多个详情组件,但在tab上切换时因为v-for的重新遍历,结果周期重新渲染mounted-activated,而不是直接走activated,各位大佬,有没有比较好的解决思路分享下

vue-router动态路由下,让每个子路由都是独立组件的解决方案 看下这个方法适用不,前段时间也是遇到这个烦恼想出这个解决方式,项目中用着暂时没什么问题

谢谢你的思路,我前段时间因为缓存原因 试着在keep-alive外套个div然后for循环,缓存不执行了,接下来我试着循环组件

我的思路是用exclue来消除关闭页面的缓存,因为详情页这种是同一个组件不同url的,所以设置exclue会将组件名相同的页面缓存全部清除。现在增加一个保存那些不卸载缓存页面的数据,在生命周期beforeDestroy里实现,在重新点击时会重新加载组件,这时created肯定会触发,这时检查是否有缓存,有的话将缓存赋值。