釘釘小程序 之 自定義組件的使用，以及父組件與子組件(自定義組件)傳值 ...
發布時間：2020-05-13 10:08 所屬欄目：小程序開發教程
- 本機環境
- 自定義組件（子組件）
- 頁面中引入（父組件引入子組件）
- 父組件（使用自定義組件的頁面）傳值給子組件
- 子組件（自定義組件）傳值給父組件
- 備注
一、本機環境
本機系統： Mac 小程序開發者工具: 1.5.7 復制代碼
二、自定義組件（子組件）
子組件中：
項目的根目錄下！！創建自定義組件
在對應 json 文件中定義 component 屬性
如圖在根目錄 的 `components` 目錄（目錄名自定義）下存放自定義組件 復制代碼
三、頁面中引入（父組件引入子組件）
父組件中：
路徑引入在對應頁面下
添加 json 文件中定義 usingComponentsaxml 文件中直接使用
如圖 復制代碼
（圖 3.1）
（圖 3.2）
四、父組件（使用自定義組件的頁面）傳值給子組件
子組件中：
通過屬性 props 傳遞值 numIndex在 data 中定義對應的值 itemIndex
在生命周期 didMount 中修改對應的值
如圖 復制代碼
（圖 4.1）
五、子組件（自定義組件）傳值給父組件
子組件通過函數參數，傳遞值給父組件
子組件通過 props 屬性傳遞函數，但是注意:warning:，函數名必須以 on 開頭
父組件中給對應函數屬性，傳遞對應的方法
如圖 子組件 復制代碼
（圖 5.1）
如圖 父組件 復制代碼
（圖 5.2）
備注
第 五 步尷尬了很久，因為函數名 不是以 on 開頭的！！！ ，過分，開發文檔的提示，可不可以加個其他顏色吶?。?！微笑:blush:，參考 這里 ：
寫給自己的隨筆，有問題歡迎指出
