600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > vue页面返回上一级页面不刷新 数据还在(详情页返回列表页)

vue页面返回上一级页面不刷新 数据还在(详情页返回列表页)

时间:2022-09-14 12:13:48

相关推荐

vue页面返回上一级页面不刷新 数据还在(详情页返回列表页)

1. 配置路由缓存

component: () => import('views/entrance/index')}, {path: '/seniorList',name: 'list',title: '高级查询列表',meta: {secTitle: '高级查询列表',keepAlive: true},component: () => import('views/entrance/seniorList')}, {path: '/list',name: 'list',title: '普通查询列表',meta: {secTitle: '普通查询列表',keepAlive: true},

其中对应配置为 keepAlive: true

2. 配置App.vue文件 router-view

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

3.用户返回时使用this.$router.back()返回

当用户点击返回时,将 this.router.go(-1)改成this.router.back(),不然不生效。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。