说明:在进行后台系统开发时,经常会用到一些图表展示,当改变浏览大小后,这些图表本身是没有响应式的,可以借助第三方插件
element-resize-detector
来监听窗口的变化
一、element-resize-detector 安装
npm install element-resize-detector
二、插件使用
1.插件引入
import elementResizeDetectorMaker from "element-resize-detector";
2.创建实例对象
let erd = elementResizeDetectorMaker();//如果有快速滚动,如果没有不需要进行如下配置
let erdUltraFast = elementResizeDetectorMaker({strategy: "scroll"
});
3.监听元素
erd.listenTo(document.getElementById("endlistenEartagEchart"), //第一个参数是要监听的domfunction (element) {setTimeout(() => {// that.chartBoxW =// document.getElementById("endlistenEartagEchart").offsetWidth - 30;// that.setEchart();}, 0);} //第二个参数回调 执行dom变化执行的方法);