tft每日頭條

 > 科技

 > vue父子組件傳遞數據

vue父子組件傳遞數據

科技 更新时间:2024-05-13 03:50:42

在我們的項目中我們使用 axios 進行異步調用。

因為異步調用的問題,如果我不采取手段,子頁面沒有辦法獲得父頁面中的數據,頁面将會顯示為 沒有數據。

vue父子組件傳遞數據(如何将父組件中的數據傳遞到子組件中)1

問題和解決

這個問題的原因就是子組件在初始化的時候,父組件還沒有獲得數據。

可以使用的方法是 v-if 進行判斷。

對比上面我們使用了 v-if 判斷的代碼和沒有使用判斷的代碼。

上面的代碼能夠讓子組件正确加載數據。

vue父子組件傳遞數據(如何将父組件中的數據傳遞到子組件中)2

另外一個需要注意的是,在子組件中需要使用 props:['projects','currentPage'], 将數據從父組件中傳遞過來。

從父組件中将數據傳遞過來。

vue父子組件傳遞數據(如何将父組件中的數據傳遞到子組件中)3

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关科技资讯推荐

热门科技资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved