最近在做移動端前端項目中，需要實現以下場景： 1.在頁面查詢列表，進入詳情頁時，返回需要頁面返回到上次瀏覽的位置 2.由於查詢列表獲取的數據可能會短時間改變，如果前端長時間緩存數據，並不符合業務要求。 3.我在進入詳情頁時可以修改列表的數據，返回時滾動到，用戶看到的應該是最新的數據 4. ...

背景： 對於一般采用同樣的技術棧開發的多頁面應用來說，可能遇到的狀況如下： h5上拉刷新來實現分頁，當有很多頁的話，點擊列表某一頁去詳細，然后從詳情返回上一頁，可能刷新上一頁，位置不能保持，體驗不好 列表使用a鏈接過去的，詳情使用window.history.go ...

1、將需要緩存的頁面路由加上meta屬性： 2、在app.vue里使用keepalive 將 改為 3、路由守衛 如果要用局部守衛的話： 列表頁： 詳情頁： 第三步用路由守衛去改變 ...

="around"></router-link> 新聞詳情頁： 　　1）首 ...

1. 列表頁：列表頁帶id跳轉到詳情頁 詳情頁：把id傳回到后台就可以獲取到數據了 2.列表頁跳轉到詳情頁並更改詳情頁的標題 列表頁：帶id和頁面標題的typeid跳轉到詳情頁 詳情頁：在html綁定標題，獲取到傳過來的typeid，然后判斷typeid ...

一、列表頁 列表頁帶id跳轉到詳情頁 二、詳情頁 獲取傳遞的id 拿到id，然后請求axios請求詳情頁數據。 ...

新聞列表頁面： 　　在這里我用a標簽進行跳轉，在vue里面可以這樣寫<router-link></router-link> ...

方法一： 1.在router.js里面（即路由文件中），此時模式為 history const router = new VueRouter({ mode: 'history', routes, ...