说明:在进行后台系统开发时,经常会用到一些图表展示,当改变浏览大小后,这些图表本身是没有响应式的,可以借助第三方插件
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"), //第一个参数是要监听的dom
function (element) {
setTimeout(() => {
// that.chartBoxW =
// document.getElementById("endlistenEartagEchart").offsetWidth - 30;
// that.setEchart();
}, 0);
} //第二个参数回调 执行dom变化执行的方法
);