1. 程式人生 > >利用keep-alive activated來解決頁面返回後資料丟失的問題

利用keep-alive activated來解決頁面返回後資料丟失的問題

keep-alive 可以快取頁面的資料,在頁面回跳的時候不會更新資料
activated 在開啟keep-alive時頁面不會重新渲染 也不會進入生命週期 無法監聽資料改變怎麼辦?使用activated來監聽即可
this.$router.push({name:'test',query:{id:123}})跳轉的時候會帶參跳轉,如果沒有query後面的資料,那麼跳轉就不會帶值
如果頁面需要回跳保持原來頁面url並帶有引數,那麼直接用this.$router.go(-1)即可