国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

vue scroller返回頁面記住滾動位置的實例代碼

來源:懂視網 責編:小采 時間:2020-11-27 22:20:40
文檔

vue scroller返回頁面記住滾動位置的實例代碼

vue scroller返回頁面記住滾動位置的實例代碼:1,設置keepAlive:是否緩存 router: { path: '/actlist', name: 'actlist', component: actlist, meta: { keepAlive: true } } 2,設置渲染頁面 app.vue <keep-alive> <router-view v-if=$
推薦度:
導讀vue scroller返回頁面記住滾動位置的實例代碼:1,設置keepAlive:是否緩存 router: { path: '/actlist', name: 'actlist', component: actlist, meta: { keepAlive: true } } 2,設置渲染頁面 app.vue <keep-alive> <router-view v-if=$

1,設置keepAlive:是否緩存

router:
{
path: '/actlist',
name: 'actlist',
component: actlist,
meta: {
keepAlive: true
}
}

2,設置渲染頁面

app.vue

<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>

3,記錄滾動位置并賦值

beforeRouteEnter(to,from,next){
if(!sessionStorage.askPositon || from.path == '/'){//當前頁面刷新不需要切換位置
sessionStorage.askPositon = '';
next();
}else{
next(vm => {
if(vm && vm.$refs.my_scroller){//通過vm實例訪問this
setTimeout(function () {
vm.$refs.my_scroller.scrollTo(0, sessionStorage.askPositon, true);
},0)//同步轉異步操作
}
})
}
},
beforeRouteLeave(to,from,next){//記錄離開時的位置
sessionStorage.askPositon = this.$refs.my_scroller && this.$refs.my_scroller.getPosition() && this.$refs.my_scroller.getPosition().top;
next()
}

總結

以上所述是小編給大家介紹的vue scroller返回頁面記住滾動位置的實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

vue scroller返回頁面記住滾動位置的實例代碼

vue scroller返回頁面記住滾動位置的實例代碼:1,設置keepAlive:是否緩存 router: { path: '/actlist', name: 'actlist', component: actlist, meta: { keepAlive: true } } 2,設置渲染頁面 app.vue <keep-alive> <router-view v-if=$
推薦度:
標簽: 位置 VUE 頁面
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 亚洲十欧美十日韩十国产 | 免费国产高清视频 | 国产精品一区二区国产 | 99精品欧美一区二区三区综合在线 | 亚洲一区二区三区夜色 | 丰满老熟好大bbbxxx | 亚洲欧美自拍偷拍 | 国产精品精品视频 | 欧美日一区二区三区 | 日本美女一区二区 | 欧美性一区二区三区五区 | 欧美午夜一区二区福利视频 | 国产激情一区二区三区在线观看 | 亚洲欧美中文日韩在线 | 亚洲欧美二区三区久本道 | 国产成人精品久久 | 国产91精品一区二区视色 | 国产成人久久精品二区三区牛 | 日韩在线视频观看 | 综合伊人久久在一二三区 | 欧美综合图区亚洲综合图区 | 日本成人一区二区 | 欧洲综合网| 中国一级全黄的免费观看 | 日韩亚洲国产综合久久久 | 成人精品第一区二区三区 | 看全色黄大色黄女片爽毛片 | 日韩精品123 | 日本免费一区尤物 | 亚洲国语在线视频手机在线 | 亚洲欧洲日韩 | 亚洲国产日韩在线一区 | 国产一区二区三区视频在线观看 | 国产精品久久香蕉免费播放 | 亚洲欧美v| 毛片激情永久免费 | 天天欧美| 欧美久久久久久久一区二区三区 | 日本特级淫片免费看 | 亚洲成人一区在线 | 精品国产一区二区三区久久久蜜臀 |