小程序模板網(wǎng)

釘釘小程序 之 自定義組件的使用,以及父組件與子組件(自定義組件)傳值 ...

發(fā)布時間:2020-05-13 10:08 所屬欄目:小程序開發(fā)教程
  1. 本機(jī)環(huán)境
  2. 自定義組件(子組件)
  3. 頁面中引入(父組件引入子組件)
  4. 父組件(使用自定義組件的頁面)傳值給子組件
  5. 子組件(自定義組件)傳值給父組件
  6. 備注

一、本機(jī)環(huán)境

本機(jī)系統(tǒng): Mac
小程序開發(fā)者工具:  1.5.7
復(fù)制代碼

二、自定義組件(子組件)

子組件中:

項目的根目錄下??!創(chuàng)建自定義組件

在對應(yīng) json 文件中定義 component 屬性

如圖在根目錄 的 `components` 目錄(目錄名自定義)下存放自定義組件
復(fù)制代碼

三、頁面中引入(父組件引入子組件)

父組件中:

路徑引入在對應(yīng)頁面下

添加 json 文件中定義 usingComponents

axml 文件中直接使用

如圖 
復(fù)制代碼

(圖 3.1)

(圖 3.2)

四、父組件(使用自定義組件的頁面)傳值給子組件

子組件中:

通過屬性 props 傳遞值 numIndex
在 data 中定義對應(yīng)的值 itemIndex

在生命周期 didMount 中修改對應(yīng)的值

如圖 
復(fù)制代碼

(圖 4.1)

五、子組件(自定義組件)傳值給父組件

子組件通過函數(shù)參數(shù),傳遞值給父組件

子組件通過 props 屬性傳遞函數(shù),但是注意:warning:,函數(shù)名必須以 on 開頭

父組件中給對應(yīng)函數(shù)屬性,傳遞對應(yīng)的方法

如圖 子組件
復(fù)制代碼

(圖 5.1)

如圖 父組件
復(fù)制代碼

(圖 5.2)

備注

第 五 步尷尬了很久,因為函數(shù)名 不是以 on 開頭的!?。?nbsp;,過分,開發(fā)文檔的提示,可不可以加個其他顏色吶!?。∥⑿?blush:,參考 這里 :

寫給自己的隨筆,有問題歡迎指出

 


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/25135.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢