Vue返回上一页保留数据

1.配置路由，代码如下

export default new Router({routes: [{path: '/hello',name: 'HelloWorld',component: HelloWorld,meta: {keepAlive: true // 需要缓存}},{path: '/hello2',name: 'HelloWorld2',component: HelloWorld2,meta: {keepAlive: false // 不需要缓存}}],mode: 'history',scrollBehavior (to, from, savedPosition) {if (savedPosition) {return savedPosition} else {return { x: 0, y: 0 }}}

2.在App.vue文件里修改，代码如下：

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

3.使用$router.back()返回,才能生效。

Vue返回上一页保留数据相关推荐

Vue 返回上一页页面不刷新
Vue 返回上一页页面不刷新场景:首页点进列表页时要刷新数据,信息页返回列表页时不刷新数据首先在router.js中配置 {path: '/home',name: 'home',meta: {ti ...
vue返回上一页并不刷新
vue返回上一页并不刷新 vue返回上一页并不刷新 1.首先添加在主页面添加keep-alive <keep-alive ><router-view :key="key&q ...
VUE 返回上一页不刷新页面、重复进入同一页面created重复执行、每次进入页面时都执行created、vue单页面多路由，前进刷新，返回不刷新
每次进入页面时都执行created.前进刷新,返回不刷新思路: 利用 keep-alive与vue-router配合使用 ,判断哪些页面需要每次进入刷新,哪些页面不需要每次进入刷新: keepAli ...
解决VUE返回上一页，上一页空白问题
问题: 我做项目的时候发现vue返回上一页的时候, 有时候router不会读取router上的参数,就会导致我的项目空白. 思路: 让返回上一页的时候,上一页能读取到路由参数解决: 根据上下页的n ...
vue 返回上一页带参数
返回上一页用的是 this.$router.go(-1) 那么只能在返回之前将参数放在localStorage里面 localStorage.setItem('searchKeyword', this ...
vue返回上一页不刷新页面的方法 / vue缓存页面
问题: vue框架下,在返回上一页的时候(this.$router.go(-1)) ,默认会让上个页面重新执行一遍生命周期(即被刷新了). 想达到的效果: 返回上一页不刷新页面. 解决方法: 缓存上一 ...
vue 返回上一页，页面样式错乱
vue项目返回上一页有时候会出现,页面样式错乱,就是页面之间的样式干扰了,虽然vue 是单页面开发,但是并不是说写在哪个页面上就是哪个页面的样式解决方法已知有如下两种给最外层页面添加独立的div ...
vue返回上一页并传值回上一个页面（uni版本）
1.返回上一页点击按钮及配置参数 backNav() {uni.$emit("planAdd",{tabIndex: 2});uni.navigateBack(); //此地方用的 ...
uniapp navigateBack返回上一页刷新数据
当详情页数据更新后,返回上一页需要刷新列表这个时候可以用 // 详情页返回上一页 uni.navigateBack({success: () => {uni.$emit('updateEqu ...

Vue返回上一页保留数据

Vue返回上一页保留数据相关推荐

最新文章

热门文章