vue監聽元素寬高變化，插件element-resize-detector

一、問題情況

要監聽某個元素的寬高變化，做出相對應的操作，像重繪echarts圖或者改變位置等等

 

二、解決過程

1、搜索之后發現有個挺好用的插件element-resize-detector，可以減輕工作量

2、下載

cnpm i  element-resize-detector --save

3、導入方式

單個文件中引入

const elementResizeDetectorMaker = require('element-resize-detector')

 

4、在mounted周期中調用methods中的方法函數

mounted周期中的代碼 ---------------------》

methods中的函數      ---------------------》

 

 自定義函數中的代碼部分

const erd = elementResizeDetectorMaker()
      const that = this
      erd.listenTo(document.getElementById('id元素'), function(element) {
       自己的代碼塊
      })

 

5、 用element.offsetHeight就可以獲取高度。

 

 

ps：不太會寫博客，如有侵權，請私信我。