---

在uni-app中，父組件向子組件傳遞數據主要通過屬性綁定的方式實現。這里提供一個簡單的示例來說明如何進行父傳子的數據傳遞：

父組件
準備數據: 在父組件的data中定義要傳遞的數據。

export default {data() {return {parentMessage: "Hello from Parent"};}
};

模板中使用子組件: 在父組件的模板中引入子組件，并通過props將數據綁定到子組件的屬性上。

<template><view><child-component :child-message="parentMessage"></child-component></view>
</template>

子組件
定義Props: 在子組件中，你需要先定義將要接收的屬性（即來自父組件的數據）。這通常在組件的props選項中完成。

export default {props: {childMessage: String // 假設我們傳遞的是一個字符串類型的數據}
};

export default {props: {
dateList: {type: Array, // 指定dateList應該是一個數組類型default: () => [] // 設置默認值，以防父組件沒有傳遞}}
};

使用傳遞的數據: 然后在子組件的模板或邏輯中，就可以直接使用這個childMessage屬性了。

<template><view><text>{{ childMessage }}</text></view>
</template>

// 如果需要在子組件的JS中使用該數據，也可以這樣做
export default {props: {childMessage: String},methods: {someMethod() {console.log(this.childMessage); // 訪問傳遞的值}}
};

通過這樣的方式，父組件的數據就被成功傳遞給了子組件，并且子組件可以根據接收到的數據進行顯示或進一步處理。

可能出現的問題

如果在onReady中打印this.dateList顯示為“無效”，可能是因為打印時的值確實為空或者打印語句本身有問題。但根據uni-app的生命周期，理論上onReady時props應該已經被初始化了。
確保父組件的數據dateList在子組件生命周期函數執行前已經被賦值。如果父組件的數據依賴于異步操作（如網絡請求），則可能在子組件生命周期函數執行時數據還未準備好。
檢查是否有語法錯誤或拼寫錯誤。
如果問題依然存在，可以嘗試在子組件的created或mounted鉤子中打印this.dateList，看數據是否已經正確傳遞

您好，我是肥晨。
歡迎關注我獲取前端學習資源，日常分享技術變革，生存法則；行業內幕，洞察先機。