元素大小监听

使用interactjs

import interact from "interactjs";

const element = document.getElementById(props.id);

interact(element).resizeable({
    // 指定要监听的属性
    edges: { left: true, right: true, bottom: true, top: true },
})

使用element-resize-detector

项目地址

import elementResizeDetectorMaker from 'element-resize-detector';

const erd = elementResizeDetectorMaker()
const target = document.getElementById('id')
erd..listenTo(target, el=>{ ../ })