Vue 获取元素的宽度高度
ref.scrollWidth包含元素宽度、padding、溢出宽度,不包含border、margin,如果不溢出。ref.scrollHeight包含元素高度、padding、溢出高度,不包含border、margin,如果不溢出。ref.clientWidth包含元素宽度、padding,不包含border、margin;ref.clientHeight包含元素高度、padding,不包含bo
<div ref="content"></div>
var ref = this.$refs.content.$el;
此时获取的就是div这个dom元素。
ref.width 仅包含元素宽度,不包含padding、border、margin;
ref.height 仅包含元素高度,不包含padding、border、margin;
ref.clientWidth 包含元素宽度、padding,不包含border、margin;
ref.clientHeight 包含元素高度、padding,不包含border、margin;
ref.offsetWidth 包含元素宽度、padding、border,不包含margin;
ref.offsetHeight 包含元素高度、padding、border,不包含margin;
ref.scrollWidth 包含元素宽度、padding、溢出宽度,不包含border、margin,如果不溢出
与clientWidth一致;
ref.scrollHeight 包含元素高度、padding、溢出高度,不包含border、margin,如果不溢出
与clientHeight一致;
更多推荐
所有评论(0)