vue-router的scrollBehavior的savePosition为undefined

Question

如图我从首页中进入推荐职位详情页，在scrollBehavior中打印to和from

显示确实是从home到了positiondetail，但是我从详情页返回时，（返回使用的是$router.back()）

显示的to和from都是Home

从而导致了从详情页返回首页时savePosition是undefined，无法记录滚动条位置

请问各位我这个问题是出在了哪里，或者说我应该怎么解决

Answer 1

如果你的页面是单页应用，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这个指令，设置不同的名字即可