uni-app跨端获取组件尺寸信息

介绍

虽然uni-app的语法和js很像，但非H5端，不能使用浏览器自带对象，比如document、window、localstorage、cookie等，更不能使用jquery等依赖这些浏览器对象的框架。因为各家小程序快应用都不支持这些对象。

像下面的方法获取控件的高度，在app端都是不支持的。

this.$refs.component.$el.offsetHeight

跨端获取

除了支付宝小程序以外，都是支持的。

let view = uni.createSelectorQuery().in(this).select(".test"); 
view.fields({ size: true, rect: true }, data => {
    console.log("得到节点信息" + JSON.stringify(data)); 
}).exec();

得到节点JSON信息

{“left”:0,“right”:320,“top”:348.1000061035156,“bottom”:382.1000061035156,“width”:320,“height”:34}

官网更多查询方式