vue获取元素宽、高、距离左边距离，右，上距离等还有XY坐标轴
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue获取元素宽、高、距离左边距离，右，上距离等还有XY坐标轴相关的知识，希望对你有一定的参考价值。
参考技术A 1.示例组件结构2.获取距离顶部的距离
3.获取高度
4. 获取宽度
关于宽高
style.top
style.left
获取宽高
offsetWidth
offsetHeight
使用样式获取宽高只能获取设置了样式的宽高，并且设置的宽高必须使用内嵌样式才可以。
offsetTop 距离父容器的高度
offsetLeft 距离父容器的宽 度
使用它也和上面一个道理
scrollTop 有滚动条的时候看到的边框距离真正body顶的位置
scrollLeft
如果拉动太快，可能出现闪烁，可以使用相对定位做到一样效果
以上是关于vue获取元素宽、高、距离左边距离，右，上距离等还有XY坐标轴的主要内容，如果未能解决你的问题，请参考以下文章
微信小程序如何及时获取页面循环元素的宽度高度距离左边值函数自调类似递归闪屏selectAllexecglobalDatamapscroll-view
微信小程序如何及时获取页面循环元素的宽度高度距离左边值函数自调类似递归闪屏selectAllexecglobalDatamapscroll-view