selectorQuery.selectAll(selector),小程序開發獲取節點的相關信息
2020-09-27
導讀：獲取節點的相關信息，需要獲取的字段在 fields 中指定。返回值是nodesRef對應的selectorQuery。可指定獲取的字段包括： 字段名 默認值 說明 id 否 是否返回節點 id dataset 否 是否返回節點...
獲取節點的相關信息，需要獲取的字段在fields中指定。返回值是nodesRef對應的selectorQuery。可指定獲取的字段包括：
| 字段名 | 默認值 | 說明 |
|---|---|---|
| id | 否 |
是否返回節點id |
| dataset | 否 |
是否返回節點dataset |
| rect | 否 |
是否返回節點布局位置（left right top bottom） |
| size | 否 |
是否返回節點尺寸（width height） |
| scrollOffset | 否 |
是否返回節點的 scrollLeft scrollTop ，節點必須是scroll-view或者viewport |
| properties |
[] |
指定屬性名列表，返回節點對應屬性名的當前屬性值（只能獲得組件文檔中標注的常規屬性值， id class style 和事件綁定的屬性值不可獲?。?/td>
|
示例代碼：
Page({
getFields: function(){
wx.createSelectorQuery().select('#the-id').fields({
dataset: true,
size: true,
scrollOffset: true,
properties: ['scrollX', 'scrollY']
}, function(res){
res.dataset // 節點的dataset
res.width // 節點的寬度
res.height // 節點的高度
res.scrollLeft // 節點的水平滾動位置
res.scrollTop // 節點的豎直滾動位置
res.scrollX // 節點 scroll-x 屬性的當前值
res.scrollY // 節點 scroll-x 屬性的當前值
}).exec()
}
})
更多微信小程序開發教程，關注hi小程序。
第二部分：如何開通一個小商店
掃碼免費領取運營資料包
