详情页回退列表页如何记录用户浏览位置并更新局部视图？

Question

angular做的单页应用，类似与贴吧论坛之类。
现在用户浏览列表页滚动到底部就会自动加载下一页数据，
如果用户点击进入查看详情页在回退回来，
那如何记录用户浏览位置并且更新一些局部视图呢（比如帖子的浏览量和评论数量），
有没有什么好的解决方案？

Answer 1

vue的话有很多前人已经踩过这个坑,angular或许也有

提一个框架无关性的解决思路

可以利用 localstorage 缓存列表页的数据信息，第几页参数，滚动条高度

或者只记录第几页参数以及滚动条高度，重新请求

Answer 2

如果你的页面是单页应用，Vuet可以实现你的需求

import Vue from 'vue'
import Vuet from 'vuet'
Vue.use(Vuet)

const vuet = new Vuet({
  modules: {
    testModule: {
      data () {
        return {}
      }
    }
  }
})


new Vue({
  // ...
  vuet,
  template: `
    <div v-vuet-scroll.self="{ path: 'testModule',  name: '随便给一个名字' }"></div>
  `
})

如果你需要记录多个滚动条，调用多次v-vuet-scroll这个指令，设置不同的名字即可