鍍金池/ 問答/HTML5  HTML/ 利用Vue實現(xiàn)一個列表頁跳轉(zhuǎn)到詳情頁，詳情頁的數(shù)據(jù)可選擇，然后點擊確定回到列表頁

利用Vue實現(xiàn)一個列表頁跳轉(zhuǎn)到詳情頁，詳情頁的數(shù)據(jù)可選擇，然后點擊確定回到列表頁，并且詳情頁面選中的數(shù)據(jù)展示在對應(yīng)的列中

有一個列表頁如下圖：

clipboard.png

點擊每一列跳轉(zhuǎn)到對應(yīng)的詳情頁面，比如現(xiàn)在點擊“焦油含量”，并選中10、11，詳情頁面如下：

clipboard.png

如何在點擊確定后將選中的數(shù)據(jù)傳到列表頁，并且展示在對應(yīng)的“焦油含量”列中。
效果圖如下：

clipboard.png

同理，點擊其他列的時候也能實現(xiàn)同樣的效果，并且前一列選中的數(shù)據(jù)不會變。

vue新手，第一次用，真的是不知道怎么解決了，求大神指導(dǎo)，非常感謝！
現(xiàn)在數(shù)據(jù)能夠傳遞回來并且被獲取到，請問怎么樣才能區(qū)分是哪一列對應(yīng)的數(shù)據(jù)吶？
比如現(xiàn)在是通過焦油含量點過去的，選中的數(shù)據(jù)傳回來后在所有列上都展示了，怎么才能只在焦油含量這一列展示？？？
clipboard.png

回答
編輯回答
忠妾

eventBus很方便

2018年4月2日 21:51
編輯回答
淺時光

如果是父子組件，父組件可通過props傳值給子組件，子組件可通過emit()事件回調(diào)傳值給父組件。不同組件間也可以通過eventBus作為通信的媒介

2018年5月8日 11:47
編輯回答
空痕

每種分類 下的篩選數(shù)據(jù)給個標(biāo)識就好了

2018年9月12日 16:04