vue3如何使用keep alive实现前进更新后退销毁
导读:本文共1500.5字符,通常情况下阅读需要5分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: keep alive实现前进更新后退销毁想要实现前进更新后退销毁,核心在操作keep-alive的include。具体做法就是当进入新页面时将页面name保存,再次进入就将它之后的name删除。具体实现思路:正常情况下页面是线性前进的:A->B->C->Dinclude数组数据[A,B,C,D]当再次进入C,就认为是D返回Cinclude数组数... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。想要实现前进更新后退销毁,核心在操作keep-alive的include。
具体做法就是当进入新页面时将页面name保存,再次进入就将它之后的name删除。
正常情况下页面是线性前进的:
A->B->C->D
include数组数据[A,B,C,D]
当再次进入C,就认为是D返回C
include数组数据[A,B,C]
D页面就被销毁了,从而实现了后退销毁
当然还有页面循环跳转的情况,一般是详情页
A->A->A->A 或A->B->C->A->B->C
这种情况如果不需要保存页面,就用wacth监控$route变化 重新请求接口
如果需要保存页面,就用动态路由addRoute添加新的路由
A1->A2->A3->A4
vue2用vue-navigation 非常好用
本文:
vue3如何使用keep alive实现前进更新后退销毁的详细内容,希望对您有所帮助,信息来源于网络。