tabbar切换保留原来位置
一、让home保持原来的状态
-
1.取消路由切换自动销毁(给router-view加keep-alive标签)
//App.vue <template> <div id="app"> <keep-alive> <router-view/> </keep-alive> <main-tab-bar/> </div>
- 2.让Home保持原来的位置
- 离开时,保存一个位置信息saveY
- 进来时,将位置设置为原来的位置信息saveY即可
- 监听进来或者离开Home页面
//Home.vue activated() { this.$refs.scroll.scrollTo(0, this.saveY,0); this.$refs.scroll.refresh() }, deactivated() { this.saveY = this.$refs.scroll.getScrollY() },