解决 vue 路由跳转然后返回后不缓存页面信息

喜欢ヅ旅行 2024-04-19 12:31 24阅读 0赞

### 需要使用 [keep-alive][]实现。 ###

## 问题1： ##

解决 vue 路由跳转然后返回后 不缓存页面信息

### 详见大神博客、写的超级清晰明了奥。：[https://blog.csdn.net/qq\_35713752/article/details/100922034][https_blog.csdn.net_qq_35713752_article_details_100922034] ###

两步即可完成。

（1）在router/index.js里面设置：

{
          path: '/Form02',
          name: 'Form02',
          component: Form02,
          meta:{        
            keepAlive:true   // 需要缓存的页面
          }
    },

（2）在app.vue里面设置

<div id="app">
    
        <keep-alive>
          <router-view v-if='$route.meta.keepAlive'/>
        </keep-alive>
    
          <router-view v-if='!$route.meta.keepAlive'/>
    
    </div>

## 问题2： ##

### VUE保存页面的数据，VUE页面显示就执行某个函数，VUE页面隐藏就执行某个函数 ###

### 详见大神博客：[https://blog.csdn.net/qq\_35713752/article/details/100927887][https_blog.csdn.net_qq_35713752_article_details_100927887] ###

[keep-alive]: https://cn.vuejs.org/v2/api/#keep-alive
[https_blog.csdn.net_qq_35713752_article_details_100922034]: https://blog.csdn.net/qq_35713752/article/details/100922034
[https_blog.csdn.net_qq_35713752_article_details_100927887]: https://blog.csdn.net/qq_35713752/article/details/100927887

发表评论取消回复

表情：

评论列表（有 0 条评论，24人围观）

还没有评论，来说两句吧...

相关阅读

相关解决 vue 路由跳转然后返回后不缓存页面信息

需要使用 [keep-alive][]实现。问题1：解决 vue 路由跳转然后返回后不缓存页面信息详见大神博客、写的超级清晰明了奥。：[https:...

喜欢ヅ旅行/ 2024年04月19日 12:31/ 0 赞/ 25 阅读

相关【Vue基础】Vue路由，实现页面跳转

一、需求说明点击不同的模块实现页面跳转，如下点击“员工管理”右侧会显示员工管理页面，如下图1；点击“入住信息”右侧会显示入住信息，如下图二 ![7cf2eb2df4a64

偏执的太偏执、/ 2023年10月11日 22:04/ 0 赞/ 77 阅读

相关 Vue项目启动后跳转到制定路由页面

前言今天把自己的项目布局完成了，但是想在项目启动的时候默认跳转到登录页面。 > 这其实需要借助路由实现跳转开始编写之前，大家可以看下我的布局： ![在这里插入图

灰太狼/ 2023年09月23日 23:10/ 0 赞/ 121 阅读

相关 1.Vue之路由页面跳转

demo地址:链接：https://pan.baidu.com/s/1eWmQElwK0AYskR6O5Ith-A 提取码：zsq6 1.功能,根据点击实现页面底

淡淡的烟草味﹌/ 2023年03月01日 13:27/ 0 赞/ 14 阅读

相关 vue ElementUI 路由跳转新页面

页面效果从产品成本核算配置管理Tab页跳转核算配置信息Tab页 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_sh

淡淡的烟草味﹌/ 2022年12月15日 03:44/ 0 赞/ 485 阅读

相关 vue 路由跳转页面不刷新问题解决

看到浏览器中地址在变。页面却一直更新不动。尝试很多方法。在App.vue中 <router-view>增加标识key无效的。可以往下面看 ![watermark_type_Z

今天药忘吃喽~/ 2022年12月05日 12:25/ 0 赞/ 605 阅读

相关 Vue路由跳转页面后-新页面没有位于顶部-案例

> 页面通过路由调转后，新页面停留的位置与上一级页面一致解决 > 配置路由 const router = new VueRouter({ s

今天药忘吃喽~/ 2022年09月07日 12:20/ 0 赞/ 213 阅读

相关【Vue】路由跳转

[【Vue】路由跳转][Vue] 路由跳转有几种方式，我用的最多的是$router.push的方法：实践：例如下面的页面，要求点详情跳转到详情页。 ![在这里

悠悠/ 2021年12月17日 18:30/ 0 赞/ 532 阅读

相关【Vue】路由跳转

路由跳转有几种方式，我用的最多的是$router.push的方法：实践：例如下面的页面，要求点详情跳转到详情页。 ![在这里插入图片描述][watermark_

清疚/ 2021年12月15日 06:55/ 0 赞/ 503 阅读

相关 vue - 路由跳转新页面后回到顶部

前言 vue路由跳转新页面，如果有滚动条的话，会保持和原来位置回到顶部解决方法 1、全局设置路由跳转回到顶部，router.js中 route

绝地灬酷狼/ 2021年07月26日 18:22/ 1 赞/ 1026 阅读