uni-app跨端获取组件尺寸

uni-app的语法和js很像,但在app端,不能使用浏览器自带对象,如document、window、localstorage、cookie等,更不能使用jquery等依赖这些浏览器对象的框架。因为各家小程序快应用都不支持这些对象。像下面的方法获取控件的高度,在app端都是不支持的。
this.$refs.component.$el.offsetHeight
<view ref="wrap" id="wrap">
mounted() {
	// 计算定位元素高度,给浮动元素下的空元素高度
	let view = uni.createSelectorQuery().in(this).select("#wrap")
	view.fields({
		size: true
	}, res => {
		this.height = res.height - 55 + 'px'
		this.afterHeight = true;
	}).exec()

},
let view = uni.createSelectorQuery().in(this).select(".test"); 
view.fields({ size: true, rect: true }, data => {
    console.log("得到节点信息" + JSON.stringify(data)); 
    //{“left”:0,“right”:320,“top”:348.1000061035156,“bottom”:382.1000061035156,“width”:320,“height”:34}
}).exec();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值