在浏览商品时,点击商品详情,然后返回,要求列表刷新,同时滚动条还在之前的位置,拿Vue为例的实现思路:
(1) 实现页面跳转回退保持原位置
需要在 App.vue 页面中使用 keep-alive 缓存组件:
<template>
<div id="app">
<keep-alive >
<router-view v-if="$route.meta.keepAlive"></router
在Vue应用中,当从商品详情返回商品列表时,要实现列表刷新并保持滚动条在原来位置。可以通过在App.vue中使用keep-alive缓存组件,配合路由元信息(meta)设置keepAlive属性。同时,在组件的beforeRouteLeave钩子中动态调整keepAlive状态,确保页面回退时正确刷新和定位。
在浏览商品时,点击商品详情,然后返回,要求列表刷新,同时滚动条还在之前的位置,拿Vue为例的实现思路:
(1) 实现页面跳转回退保持原位置
需要在 App.vue 页面中使用 keep-alive 缓存组件:
<template>
<div id="app">
<keep-alive >
<router-view v-if="$route.meta.keepAlive"></router
6583
3809

被折叠的 条评论
为什么被折叠?