小程式呼叫自定義元件裡的方法

2021-08-30 11:12:54 字數 475 閱讀 2286

當父元件引用了子元件的時候,會遇到父元件執行子元件的方法,比如下拉重新整理上拉載入等事件只有在頁面中才能檢測到,但是獲取資料的方法在子元件,這時就可以執行子元件方法。

思路很簡單,類似於vue中給子元件加ref執行子元件方法道理一樣,這裡是給子元件加乙個 屬性:  id="子元件名稱",比如:

然後在父元件對應的方法中直接

this.selectcomponent("#list").getlist();
如果涉及到多次呼叫該子元件的方法,可以在onready生命週期中定義一下,比如:

onready:function(),
之後在方法中再呼叫的時候直接用this.list.方法名就可以了。比如:

onpulldownrefresh() ,1000)

},

原文:

03小程式自定義元件

在需要引入元件的頁面檔案下的json格式中新增component欄位 值為true 1.元件內不能使用類選擇器以外的選擇器。2.自定義的元件標籤名最好只是小寫字母 中劃線 下劃線的組合,且命名不能以wx 開頭。元件內的類樣式與元件外的類樣式,預設是有乙個隔離的效果。類似沙盒模式 1 元件內的樣式預設...

小程式之自定義元件

小程式允許我們使用自定義元件的方式來構建頁面。自定義元件官方文件 類似於頁面,乙個自定義元件由jsonwxmlwxssjs4個檔案組成 首先需要在 自定義元件下json檔案中進行自定義元件宣告 同時,還要在wxml檔案中編寫元件模板,在wxss檔案中加入元件樣式 注意 在元件wxss中不應使用id選...

小程式中自定義元件

一般單獨放在乙個資料夾中 類似以線面的這種結構,單獨出來 和一般新建的page頁面不同的是 字尾名是js 檔案中的page 變成了component 字尾名為json的檔案中多了 component true 使用的時候 需要在指定使用頁面的json 檔案中做配置 參考如下配置 前面的是元件的名稱,...