一、獲取window(寬口)的寬度和高度 (單位 :px)
異步方法:
wx.getSystemInfo({
success: (result) => {
let windowWidth = result.windowWidth//獲取window的寬度(單位px)
let windowHeight = result.windowHeight//獲取window的高度(單位px)
},
})
同步方法:
let result = wx.getSystemInfoSync()
let windowWidth = result.windowWidth//獲取window的寬度(單位px)
let windowHeight = result.windowHeight//獲取window的高度(單位px)
二、獲取節(jié)點(diǎn)(元素)的寬度和高度 (單位 :px)
const query = wx.createSelectorQuery()
query.select('#container').boundingClientRect((result) => {
console.log(result)
let containerWidth = result.width//獲取節(jié)點(diǎn)的寬度(單位px)
let containerHeight = result.height//獲取節(jié)點(diǎn)的寬度(單位px)
}).exec()
如果查詢節(jié)點(diǎn)為自定義組件內(nèi)容,則要使用 in() 方法文章來源:http://www.zghlxwxcb.cn/news/detail-552384.html
例如查找的節(jié)點(diǎn)為當(dāng)前組件內(nèi)容:wx.createSelectorQuery().in(this).select('#container')
文章來源地址http://www.zghlxwxcb.cn/news/detail-552384.html
到了這里,關(guān)于微信小程序 獲取window或某一節(jié)點(diǎn)的寬高的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!