在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 一個(gè)頁面兩個(gè)功能 共用一個(gè)組件,但是希望組件有各自的實(shí)例。如何做到呢?

一個(gè)頁面兩個(gè)功能 共用一個(gè)組件,但是希望組件有各自的實(shí)例。如何做到呢?

clipboard.png

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

怎么解決呢?

回答
編輯回答
拼未來

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

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

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

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