supermall-tabbar切换保留原来位置

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()
  },