鍍金池/ 問答/HTML/ vue里組件A在點擊事件中通過配置路由跳轉(zhuǎn)到組件B，怎么在組件B中把某些數(shù)據(jù)返回

vue里組件A在點擊事件中通過配置路由跳轉(zhuǎn)到組件B，怎么在組件B中把某些數(shù)據(jù)返回給組件A？

代碼如下：

clipboard.png

clipboard.png

clipboard.png

clipboard.png

需求就是：組件A的值是通過組件B添加過來的

clipboard.png

clipboard.png

回答
編輯回答
網(wǎng)妓

可以使用vm.$on和vm.$emit
1、A頁面用vm.$on定義要監(jiān)聽的事件 vm.$on('test', msg => console.log(msg))
2、B頁面在選擇后返回時用 vm.$emit('test', 'msg') 觸發(fā)函數(shù)
從B頁面返回A頁面的操作最好不要用push跳轉(zhuǎn)，不然在瀏覽器的回退和安卓物理返回鍵上操作體驗不友好
當然你可以用本地緩存

2017年3月25日 13:39
編輯回答
法克魷

可以用vuex，也可以用Storage將數(shù)據(jù)保存在瀏覽器，在A組件中調(diào)用

2018年9月20日 19:02
編輯回答
護她命

組件B點擊后跳轉(zhuǎn)到路由A，可以用過query傳值

2017年7月21日 00:58
編輯回答
六扇門

這種情況需要后臺配合吧 或者你可以使用上邊說的用vuex 或者localStorage 但是用$emit是不行的 $emit是子父組件之間傳值所用的

2018年6月12日 14:38