vue 移動(dòng)端記錄頁(yè)面瀏覽位置的方法

//state中定義數(shù)據(jù)
 state: {
  carrerTouScroll: {
   height: '' //滾動(dòng)的距離
   }
  }
 
 
 //mutations 操作state數(shù)據(jù)
 mutations: {
  setCarrerTouScroll (state, disdance) { //管理賽事 滾動(dòng)距離
   state.carrerTouScroll.height = disdance
  },
 }
 
 
 //使用getters 有的不加這句也可以，但是有時(shí)候不加就不行，所以還是加上吧
  getters: {
   getCarrerTou: state => state.carrerTouScroll 
   }

 beforeRouteLeave (to, from, next) { // 離開(kāi)路由前
  let that = this
  if (to.meta.touFlag) {
   let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
   this.$store.commit('setCarrerTouScroll', scrollTop)
  } else {
   this.$store.commit('setCarrerTouScroll', 0)
  }
  next()
 },

 {
  path: '/careerAddMainTeam',
  name: 'CareerAddMainTeam',
  component: CareerAddMainTeam,
  meta: {
   touFlag: true
  }
 },

 beforeRouteLeave (to, from, next) { // 離開(kāi)路由前
  let that = this
  if (to.name === 'CareerAddMainTeam') {
   let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
   this.$store.commit('setCarrerTouScroll', scrollTop)
  } else {
   this.$store.commit('setCarrerTouScroll', 0)
  }
  next()
 },

 this.$nextTick(() => {
      this.scrollTop = this.$store.state.carrerTouScroll.height
      document.documentElement.scrollTop = this.scrollTop
     })