亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vue:keep-alive組件緩設計問題

Vue:keep-alive組件緩設計問題

胡子哥哥 2019-03-15 18:56:25
問題描述頁面結構:左側導航欄,右側頁簽,頁簽中下部是內容顯示區。點擊左側導航欄會打開對應的頁簽,頁簽中會顯示對應的內容。點擊頁簽,會進行對應的頁面切換。每個頁簽對應的內容分為三個層次,列表頁 => 信息頁 => 數據填寫頁現在有這樣一個需求:緩存不同頁簽中的數據填寫頁的內容。舉個例子:當前我打開了三個頁簽,頁簽A、頁簽B、頁簽C,我在頁簽A中打開了數據填寫頁填寫內容,在沒有提交的前提下,我切換到了頁簽B;然后我又從頁簽B切換回頁簽A,這時候,要求頁簽A中表單的數據是我之前填寫的;另一方面,當我每次從頁簽A的信息頁進入數據填寫頁的時候,都希望表單能夠重新加載。當前面臨的問題是1.頁簽A數據填寫頁 => 頁簽B => 頁簽A數據填寫頁。用keep-alive,這條調用鏈是沒問題的。2.問題是這個,每次我從頁簽A的信息頁進入數據填寫頁時,進入的都是同一個頁面我需要的解決方案是:在我每次從頁簽A的信息頁進入數據填寫頁時,希望能把表單重新加載謝謝啦?。?!
查看完整描述

2 回答

?
函數式編程

TA貢獻1807條經驗 獲得超9個贊

方案1:

對于keep-alive的組件進入時有activated的鉤子,離開時有deactivated鉤子,你可以在這兩個鉤子函數里面操作數據

比如 剛進入時候 或者 要離開的時候 把表單頁面內容清空

方案2:

keep-alive有一個exclude屬性(exclude - 字符串或正則表達式。任何名稱匹配的組件都不會被緩存。),你可以把不用緩存的表單


查看完整回答
反對 回復 2019-03-15
?
蕪湖不蕪

TA貢獻1796條經驗 獲得超7個贊

不用keep-alive

查看完整回答
反對 回復 2019-03-15
  • 2 回答
  • 0 關注
  • 713 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號