<view class="cont-box"></view>
/* 获取节点信息的对象 */
getElementRect() {
const query = uni.createSelectorQuery().in(this);
query
.select(".cont-box")
.boundingClientRect(res => {
console.log(res);
console.log(res.height); // 102.85714721679688
})
.exec();
}
boundingClientRect 返回的 res 结果(以像素[px]为单位)文章来源:https://www.toymoban.com/news/detail-654075.html
属性 | 类型 | 说明 |
---|---|---|
id | String | 节点的 ID |
dataset | Object | 节点的 dataset |
left | Number | 节点的左边界坐标 |
right | Number | 节点的右边界坐标 |
top | Number | 节点的上边界坐标 |
bottom | Number | 节点的下边界坐标 |
width | Number | 节点的宽度 |
height | Number | 节点的高度 |
更多可参考:uni.createSelectorQuery() | uni-app官网文章来源地址https://www.toymoban.com/news/detail-654075.html
到了这里,关于uniapp 获取 view 的宽度、高度以及上下左右左边界位置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!