vue获取页面内元素

Posted 2023-04-30

参考技术A 页面里被查找的元素添加一个 ref='refrence'  这里refrencce可以随便起名字，下面引用这个名字

然后要获取这个元素就用this.$refs.refrence

同样，组件添加到页面里的内容也可以通过添加ref标签来获组件里内容

比如获取元素高度

this.$refs.element.offsetHeight 

比如：改变元素的高   那么这个height必须要在这个div写样式的时候就已经有了，否则无法获取到

jQuery获取元素宽高

参考技术A （1）、打点 width（）        获取元素的宽

（2）、打点 height（）        获取元素的高

（3）、打点 innerWidth（）    获取包含内边距和内容区域不包含边框的宽

（4）、打点 innerHeight（）    获取包含内边距和内容区域不包含边框的高

（5）、打点 outerWidth（）    获取包含内边距、内容区域、边框的宽度

（6）、打点 outerHeight（）    获取包含内边距、内容区域、边框的高度