vue 列表详情页返回不刷新列表

vue 列表详情页返回不刷新列表
使用保存状态

1.在app.vue里使用keepalive
在这里插入图片描述
2.在需要保存状态的页面路由下写入keepAlive
vue 列表详情页返回不刷新列表_第1张图片
3.在列表页通过路由守卫beforeRouteLeave,判断当前页面即将跳转的页面,如果是跳转详情页,就保持当前页面的keepAlive为true,来缓存列表页面,否则false,用来防止列表页返回其他页面后,再次访问列表页时数据不刷新的问题

vue 列表详情页返回不刷新列表_第2张图片

你可能感兴趣的:(前端,vue.js,html)