鍍金池/ 問答/HTML/ 一個頁面兩個功能 共用一個組件，但是希望組件有各自的實例。如何做到呢？

一個頁面兩個功能 共用一個組件，但是希望組件有各自的實例。如何做到呢？

clipboard.png

如圖，我希望兩個“課中檢測”共用一個 .vue組件。但是希望進入它們的頁面后的行為互不影響，現(xiàn)在是，進入一個操作了，切換到另一個，發(fā)覺還是前面的操作結果。

怎么解決呢？

回答
編輯回答
拼未來

1，關于互不影響的問題： 只要vue組件的data聲明為返回一個初始數(shù)據(jù)對象的函數(shù)，而不要定義為一個對象，組件就不會有影響
2, 關于通用化組件的問題：ａ，組件通過props來傳遞數(shù)據(jù) b,通過插槽slot

2017年2月20日 23:44
編輯回答
萌吟

你可能是不同的路由對應了同一個組件的問題吧
這個沒什么辦法 要么用watch監(jiān)聽路由 同一個組件切換的話重置一下狀態(tài)
要么就用導航守衛(wèi)，跳轉的時候重置一下狀態(tài)
據(jù)我所知不同路由導航到同一個組件 data層的東西是不會變化的

2018年5月28日 02:00
編輯回答
孤島

定義不同的name ,<router-view :key="$route.name"></router-view>

2017年2月18日 13:47
編輯回答
伐木累

組件封裝一下再調(diào)用

2017年1月14日 05:25