Vue 获取元素宽高

 

1.模拟限制宽高 【在要获取宽高的元素 上加 ref 属性】

<div style="width:600px;height:300px" ref="barparent" > </div>

2.获取宽高

console.log('this.$refs.barparent.$el.offsetWidth', this.$refs.barparent.$el.offsetWidth) //宽度
console.log('this.$refs.barparent.offsetHeight', this.$refs.barparent.$el.offsetHeight) //高度