<ul id="swiom"></ul>

<strike id="swiom"></strike>

項目開發中常常會遇到詳情返回列表，列表默認在點擊詳情的高度的問題，特此總結一下，希望可以幫到你們

lentrue 發布于2019-08-26 12:08 / 1122人閱讀

摘要：從第二頁返回首頁時為只處理設置了路由元信息的組件簡單的分享給大家，希望可以幫到你們

剛剛解了一個詳情返回列表時候，列表高度保持在點擊進去的詳情的問題，特此做個分享，希望大家碰到類似的問題可以直接一遍過，不用卡殼（因為這個在實際項目開發中經常會用到所以分享了出來）

Vue api 是這樣說的 api鏈接傳送門

dome是這樣的

經過詳細查看（話不多說，貼代碼）

scrollBehavior (to, from, savedPosition) {
    if(savedPosition) {
        setTimeout(() => {
            window.scrollTo(savedPosition.x, savedPosition.y)
        }, 200)
    }
}

或者結合keep-alive來達到后退時不刷新數據，前進時刷新數據的效果。

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") { //從第二頁返回首頁時savePosition為undefined
            //只處理設置了路由元信息的組件
            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;
        }
    }
})

簡單的分享給大家，希望可以幫到你們

云服務器 GPU云服務器中常會阿里云怎么看服務器被攻擊的詳情布局遇到的問題學習遺傳算法遇到的問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108100.html

項目開發中常常會遇到詳情返回列表，列表默認在點擊詳情的高度的問題，特此總結一下，希望可以幫到你們

摘要：從第二頁返回首頁時為只處理設置了路由元信息的組件簡單的分享給大家，希望可以幫到你們剛剛解了一個詳情返回列表時候，列表高度保持在點擊進去的詳情的問題，特此做個分享，希望大家碰到類似的問題可以直接一遍過，不用卡殼（因為這個在實際項目開發中經常會用到所以分享了出來） Vue api 是這樣說的 api鏈接傳送門 showImg(https://segmentfault.com/img/b...

crelaber 2019-08-02 11:01 評論0 收藏0
用Vue開發仿旅游站webapp項目總結（下）

摘要：用開發仿旅游站項目總結上該說的話，該表明的上篇已經表明了。之后的路由切換不再請求數據是因為組件內容是從內存取了不會再重新創建了，對應的鉤子函數不會再執行了。此時，通過新增的生命周期鉤子函數以及這個緩存值就實現了我們要的功能了。用Vue開發仿旅游站webapp項目總結（上）該說的話，該表明的上篇已經表明了。謝謝上篇評論區一些同學~ 很鼓勵我，不過下下篇估計沒了，這篇總結完，下下篇可...

libxd 2019-08-29 17:15 評論0 收藏0
用Vue開發仿旅游站webapp項目總結（下）

摘要：用開發仿旅游站項目總結上該說的話，該表明的上篇已經表明了。之后的路由切換不再請求數據是因為組件內容是從內存取了不會再重新創建了，對應的鉤子函數不會再執行了。此時，通過新增的生命周期鉤子函數以及這個緩存值就實現了我們要的功能了。用Vue開發仿旅游站webapp項目總結（上）該說的話，該表明的上篇已經表明了。謝謝上篇評論區一些同學~ 很鼓勵我，不過下下篇估計沒了，這篇總結完，下下篇可...

KavenFan 2019-08-26 12:24 評論0 收藏0