資訊專欄INFORMATION COLUMN
摘要：從第二頁返回首頁時(shí)為只處理設(shè)置了路由元信息的組件簡單的分享給大家，希望可以幫到你們
剛剛解了一個(gè)詳情返回列表時(shí)候，列表高度保持在點(diǎn)擊進(jìn)去的詳情的問題，特此做個(gè)分享，希望大家碰到類似的問題可以直接一遍過，不用卡殼（因?yàn)檫@個(gè)在實(shí)際項(xiàng)目開發(fā)中經(jīng)常會(huì)用到所以分享了出來）
Vue api 是這樣說的 api鏈接傳送門
dome是這樣的
經(jīng)過詳細(xì)查看 （話不多說，貼代碼）
scrollBehavior (to, from, savedPosition) {
if(savedPosition) {
setTimeout(() => {
window.scrollTo(savedPosition.x, savedPosition.y)
}, 200)
}
}
或者結(jié)合keep-alive來達(dá)到后退時(shí)不刷新數(shù)據(jù)，前進(jìn)時(shí)刷新數(shù)據(jù)的效果。
new VueRouter({
mode: "history",
routes: [{
path: "/foo",
component: (resolve) => {
require(["views/foo"], resolve)
},
meta: {isKeepAlive: true}
}],
scrollBehavior (to, from, savedPosition) {
if (savedPosition || typeof savedPosition == "undefined") { //從第二頁返回首頁時(shí)savePosition為undefined
//只處理設(shè)置了路由元信息的組件
from.meta.isKeepAlive = typeof from.meta.isKeepAlive == "undefined" ? undefined : false;
to.meta.isKeepAlive = typeof to.meta.isKeepAlive == "undefined" ? undefined : true;
if(savedPosition) {
return savedPosition;
}
} else {
from.meta.isKeepAlive = typeof from.meta.isKeepAlive == "undefined" ? undefined : true;
to.meta.isKeepAlive = typeof to.meta.isKeepAlive == "undefined" ? undefined : false;
}
}
})
簡單的分享給大家，希望可以幫到你們
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/108100.html
摘要：從第二頁返回首頁時(shí)為只處理設(shè)置了路由元信息的組件簡單的分享給大家，希望可以幫到你們 剛剛解了一個(gè)詳情返回列表時(shí)候，列表高度保持在點(diǎn)擊進(jìn)去的詳情的問題，特此做個(gè)分享，希望大家碰到類似的問題可以直接一遍過，不用卡殼（因?yàn)檫@個(gè)在實(shí)際項(xiàng)目開發(fā)中經(jīng)常會(huì)用到所以分享了出來） Vue api 是這樣說的 api鏈接傳送門 showImg(https://segmentfault.com/img/b...
摘要：用開發(fā)仿旅游站項(xiàng)目總結(jié)上該說的話，該表明的上篇已經(jīng)表明了。之后的路由切換不再請求數(shù)據(jù)是因?yàn)榻M件內(nèi)容是從內(nèi)存取了不會(huì)再重新創(chuàng)建了，對應(yīng)的鉤子函數(shù)不會(huì)再執(zhí)行了。此時(shí)，通過新增的生命周期鉤子函數(shù)以及這個(gè)緩存值就實(shí)現(xiàn)了我們要的功能了。 用Vue開發(fā)仿旅游站webapp項(xiàng)目總結(jié) （上）該說的話，該表明的上篇已經(jīng)表明了。謝謝上篇評論區(qū)一些同學(xué)~ 很鼓勵(lì)我，不過下下篇估計(jì)沒了，這篇總結(jié)完，下下篇可...
摘要：用開發(fā)仿旅游站項(xiàng)目總結(jié)上該說的話，該表明的上篇已經(jīng)表明了。之后的路由切換不再請求數(shù)據(jù)是因?yàn)榻M件內(nèi)容是從內(nèi)存取了不會(huì)再重新創(chuàng)建了，對應(yīng)的鉤子函數(shù)不會(huì)再執(zhí)行了。此時(shí)，通過新增的生命周期鉤子函數(shù)以及這個(gè)緩存值就實(shí)現(xiàn)了我們要的功能了。 用Vue開發(fā)仿旅游站webapp項(xiàng)目總結(jié) （上）該說的話，該表明的上篇已經(jīng)表明了。謝謝上篇評論區(qū)一些同學(xué)~ 很鼓勵(lì)我，不過下下篇估計(jì)沒了，這篇總結(jié)完，下下篇可...
閱讀 1819·2021-11-22 09:34
閱讀 3102·2019-08-30 15:55
閱讀 681·2019-08-30 15:53
閱讀 2069·2019-08-30 15:52
閱讀 3011·2019-08-29 18:32
閱讀 2004·2019-08-29 17:15
閱讀 2410·2019-08-29 13:14
閱讀 3568·2019-08-28 18:05
