国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue scroller返回頁面記住滾動位置的實例代碼

2019-11-19 14:27:37
字體:
來源:轉載
供稿:網友

1,設置keepAlive:是否緩存

router:{path: '/actlist',name: 'actlist',component: actlist,meta: {keepAlive: true}}

2,設置渲染頁面

app.vue

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

3,記錄滾動位置并賦值

beforeRouteEnter(to,from,next){if(!sessionStorage.askPositon || from.path == '/'){//當前頁面刷新不需要切換位置sessionStorage.askPositon = '';next();}else{next(vm => {if(vm && vm.$refs.my_scroller){//通過vm實例訪問thissetTimeout(function () {vm.$refs.my_scroller.scrollTo(0, sessionStorage.askPositon, true);},0)//同步轉異步操作}})}},beforeRouteLeave(to,from,next){//記錄離開時的位置sessionStorage.askPositon = this.$refs.my_scroller && this.$refs.my_scroller.getPosition() && this.$refs.my_scroller.getPosition().top;next()}

總結

以上所述是小編給大家介紹的vue scroller返回頁面記住滾動位置的實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 集安市| 溆浦县| 临漳县| 章丘市| 盐池县| 松阳县| 万全县| 富蕴县| 大新县| 赤壁市| 蒙阴县| 灵丘县| 宾阳县| 阜新市| 固原市| 南华县| 灯塔市| 兰溪市| 开原市| 惠安县| 博客| 惠水县| 尼勒克县| 汉寿县| 柞水县| 白朗县| 南昌县| 石家庄市| 镇安县| 郑州市| 广德县| 城固县| 阳山县| 镶黄旗| 海丰县| 竹北市| 博罗县| 聊城市| 肥乡县| 眉山市| 横峰县|