log('元素高度:', rect.height); }).exec(); 复制代码 其中,.element-class是要获取高度的元素的类名,可以根据实际情况替换为相应的选择器。 在boundingClientRect方法中,可以获取到元素的高度(rect.height),可以根据需要进行后续操作。 需要注意的是,createSelectorQuery()方法返回的是一个选择器对象,通过select...
uniapp获取元素的宽度、高度 uni.createSelectorQuery().in(this).select('.类名').boundingClientRect(data => { console.log(data.height) console.log(data.width) }).exec()
uni.getSystemInfo({ success:function(res) {//res - 各种参数console.log(res.windowWidth);//屏幕的宽度let info = uni.createSelectorQuery().select(".search"); info.boundingClientRect(function(data) {//data - 各种参数console.log(data.height,'dddd')//获取元素高度}).exec() } });...
没写在nextTick里面也是获取不到的,数据是更新了,但渲染还没有完成,而写在nextTick里面就表示的是,数据已经更新完成并渲染。所以,最终的解决方案就是把获取元素的高度、宽度放在更新数据之后! createselectorquery官方文档 https://uniapp.dcloud.io/api/ui/nodes-info?id=createselectorquery ...
uniapp获取元素高度 说明: 为方便自取 获取页面高度 uni.getSystemInfoSync() 获取元素高度 app端 constquery=uni.createSelectorQuery().in(this)query.select('#box').boundingClientRect(data=>{console.log(data.height)}).exec(); H5端 constquery=uni.createSelectorQuery();query.select('#box')....
uniapp 获取元素高度 获取系统信息: uni.getSystemInfoSync() app端: constquery=uni.createSelectorQuery().in(this)query.select('#box').boundingClientRect(data=>{console.log(data.height)}).exec(); H5端: constquery=uni.createSelectorQuery();query.select('#box').boundingClientRect(data=>{...
在Uniapp项目中，遇到一个需求是获取元素在数据更新后的高度和宽度信息。起初尝试使用ref，但在view中添加ref后，即使在nextTick中也未能获取到期望的值，返回的是undefined。为了解决这个问题，我转向了uni.createSelectorQuery方法。虽然这个方法相对复杂，但它确实能够满足获取动态元素尺寸的需求。关键在于，...
元素js获取dom元素的高度,并且获取滚动的距离。 小程序有api的 https://blog.csdn.net/bright2017/article/details/82736078 具体如下: const query = wx.createSelectorQuery() query.select('#the-id').boundingClientRect() query.selectViewport().scrollOffset() query.exec(function(res){ res[0].top /...
_this.viewHeight=height-res[0].top-res[0].height _this.contentStyle={ zIndex: -1, opacity: 0, height:_this.viewHeight+'px' } // console.log('打印高度',_this.viewHeight); // console.log('打印demo的元素的信息',res); }) }...