vue3如何使用keep alive实现前进更新后退销毁(alive,keep,vue3,开发技术)

时间:2024-03-28 19:19:41 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    vue3%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8keep%C2%A0alive%E5%AE%9E%E7%8E%B0%E5%89%8D%E8%BF%9B%E6%9B%B4%E6%96%B0%E5%90%8E%E9%80%80%E9%94%80%E6%AF%81

想要实现前进更新后退销毁,核心在操作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实现前进更新后退销毁的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Pytorch如何实现常用乘法算子TensorRT下一篇:

8 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18