亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue使用keep-alive不能保持滾動位置問題。

vue使用keep-alive不能保持滾動位置問題。

哆啦的時光機 2018-11-20 17:14:33
頂級視圖<router-view>設置<keep-alive>雖然能緩存數據還有scrollTop,但是使用上拉加載更多數據后,點擊某個item頁面后返回,不能準確記錄上一頁的scrollTop位置,出現的偏差比較大,有時候還會出現返回頂部,有出現過同樣的問題小伙伴嗎?//自己稍微精準控制一下scrollTop,但是keep-alive還是按照緩存記錄scrollTop滾動。 $("html,body").animate({scrollTop:this.scrollTopDistance},0);
查看完整描述

1 回答

?
溫溫醬

TA貢獻1752條經驗 獲得超4個贊

如果你的頁面是單頁應用,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這個指令,設置不同的名字即可

查看完整回答
反對 回復 2018-12-22
  • 1 回答
  • 0 關注
  • 3230 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號