vue 获取div的宽和高

vue yekong

vue 获取元素的宽度和高度

<div ref="echarts1"></div>

获取宽和高

let width = this.$refs.echarts1.offsetWidth 
let height = this.$refs.echarts1.offsetHeight

根据宽高进行计算

监听窗口变化,如果窗口大小有变化,则重新获取高度

getHeight() {
  this.height = (this.$refs.fullSlideBody.offsetWidth / 16) * 6
  window.addEventListener('resize', this.getHeight)
},

通过style将高度赋值

<li :style="{height:height+'px'}"></li>
喜欢