# 节点布局信息

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);
})
Last Updated: 8/16/2021, 2:18:04 PM