# 节点布局信息
getDom(selector, all = false)
selector
: 元素节点, 可以是id或者class, 比如"#container", ".box"
all
: 否返回全部节点信息, 当页面有多个相同selector的元素时, all为true, 会以数组形式返回所有节点的信息(结果为数组, 数组元素为对象), 否则只返回第一个节点的信息(结果为一个对象)。
该方法返回以下结果:
res = {
left: 123,
right: 123,
top: 123,
height: 123,
bottom: 123,
width: 123
}
其上结果中的left, top, right, bottom, 是会随着页面滚动而变化的, 因为这个查询的相对于屏幕窗口, 而不是 相对于页面根元素的, 但width, height, 是恒定不变的, 所以一般情况我们推荐您想要获取节点宽高的时候采用这个方法。
this.$cc.getDom('.box').then(res => {
console.log(res);
})