用到這個的業(yè)務場景是這樣的:
a頁面點擊新建列表按鈕進入到新建的頁面b,填寫b頁面并點擊b頁面確認添加按鈕,把這些數(shù)據(jù)帶到a頁面,填充到列表(數(shù)組),可以添加多條,
點擊這條的時候進入到編輯頁面,確認修改之后,回退到a頁面,a頁面需要更新這條數(shù)據(jù)
實現(xiàn)這個功能的時候,由于是路由頁面之間的跳轉,首先想到的方案有幾個:1. 用sessionStorage本地存儲;2. 用路由參數(shù)帶過去;3. 用兄弟組件傳值
由于是添加完之后如果按回退是需要退出整個頁面,如果用路由跳轉,會出現(xiàn)回退到編輯頁面了,所以這個方法首先排除
用本地存儲的時候,如果不加回退也會吧之前存的歷史記錄給帶過來,所以最終選用了第三種方法
由于a頁面需要緩存,所以用到了路由頁面的緩存
router.js
{path: '/a',name: 'a',component: a,meta: {keepAlive: true}},
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。