码迷,mamicode.com
首页 > 其他好文 > 详细

vue 缓存页面滑动的距离

时间:2020-06-03 20:18:09      阅读:72      评论:0      收藏:0      [点我收藏+]

标签:不能   out   lan   ref   ali   main   outer   页面   details   

vue的页面缓存,都知道是用keep-alive来进行缓存的。但是keep-alive却只能缓存页面和页面的数据,却不能缓存页面滑动之后和顶部的距离,从b页面回到a页面之后又是从最顶部开始的,如果页面较短还可以,但是如果页面很长的话,给用户的体验效果就会很差。这个时候就需要我们对页面的滑动距离也进行一下缓存了,下面开始写方法很简单的,不用去网上搜什么js代码实现的:


vue-keep-scroll-position //缓存页面滑动距离
 
//使用方法:
 
    1. 安装vue-keep-scroll-position:
        
        npm i -S vue-keep-scroll-position
    
    2. main.js中引入
 
        import VueKeepScrollPosition from ‘vue-keep-scroll-position‘
 
        Vue.use(VueKeepScrollPosition)
 
    3. app.vue使用
 
        <router-view v-keep-scroll-position></router-view>

本文看自:https://blog.csdn.net/qq_43052274/article/details/90054724

vue 缓存页面滑动的距离

标签:不能   out   lan   ref   ali   main   outer   页面   details   

原文地址:https://www.cnblogs.com/smart-girl/p/13035515.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!