鍍金池/ 問答/HTML/ vuejs父組件數(shù)據(jù)更新后,子組件也初始化了,想要子組件保持狀態(tài)怎么辦?

vuejs父組件數(shù)據(jù)更新后,子組件也初始化了,想要子組件保持狀態(tài)怎么辦?

1.問題描述:
如下圖:
圖片描述

右側(cè)列表與加減按鈕計數(shù)器是父子組件關(guān)系。點擊左側(cè)分類會請求api獲取數(shù)據(jù)。
問題1:先點擊加按鈕,然后點擊第二個分類,計數(shù)器的結(jié)果會在第二個列表顯示出來。期望結(jié)果是第二個列表的計數(shù)器是初始化的。
圖片描述圖片描述

問題2: 然后點擊第一個分類,父組件數(shù)據(jù)更新后,計數(shù)器跟著初始化了。期望結(jié)果是我點擊計數(shù)器后,切換列表能保持狀態(tài)。
圖片描述

回答
編輯回答
舊言

用keep-alive包起來

2017年9月23日 03:20