Vue3+Vue Router如何在Composables中互相傳值?

vue3 vue-router vite

adha9990 2022-03-02 10:42:18 ‧ 1514 瀏覽

我想要弄一個步驟式的頁面由一個父元件下面四個子元件組成
現在卡在子元件間無法互相傳值

我在景點推薦選擇值

在路線規劃應該要收到值

結果發現換個元件值就會被清空

路徑管理 router.js

父元件 Tour.vue

子元件景點推薦 AttractionSelection.vue

子元件路線規劃 RoutePlanning.vue

Composables 裡面放應該互相傳遞的值 tour.js

想請教該如何解決?

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

listennn08

iT邦高手 5 級 ‧ 2022-03-02 10:47:08

最佳解答

每到一個子組件 useTour 就重新初始化，會被清空應該滿正常的
useTour 應該放在父組件然後使用 Provide / Inject 統一從父組件取得資料

adha9990 iT邦新手 4 級 ‧ 2022-03-02 11:30:32 檢舉

可以了感謝!不然我原本想說要用Props去硬碰硬

greenriver

iT邦研究生 4 級 ‧ 2022-03-02 11:09:54

使用Vuex，能讓問題簡單化

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22190 篇

完賽人數

601 人

IT邦幫忙