观察网站的页面

七彩冰淇淋与藕汤

已于 2022-06-10 11:33:52 修改

阅读量275

点赞数

分类专栏：实习实践文章标签：页面

于 2022-06-10 11:17:13 首次发布

本文链接：https://blog.youkuaiyun.com/qq_36582776/article/details/125218194

版权

实习实践专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在Vue中使用keep-alive缓存页面以保持浏览位置，并详细说明了如何通过v-if判断动态控制组件的加载，确保后退时不刷新。同时探讨了自定义缓存策略和router-view的配合应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在点击和hover的时候，鼠标样式编程小手；在可编辑的可选择文字内容时，变成光标

2.页面点击跳到别的页面后，返回来依然时当前位置，并没有返回最顶部。keep-live实现。

(78条消息) vue中使用keepAlive缓存页面及记忆上次浏览位置，并刷新页面_missGril的博客-优快云博客_vue使用keepalive返回实现局部刷新

用 keep-alive 包裹需要缓存的路由，但是判断条件不要写在 keep-alive 上，需要写在 router-view 上，不然会没有作用

<!--缓存想要缓存的页面，实现后退不刷新-->
<!--加上v-if的判断，可以自定义想要缓存的组件，自定义在router里面-->
    <keep-alive>
        <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>