Monitor the width and height of the parent element, adapt to the size of the plug-in

Reference Documentation: ResizeObserver

Usually used for third-party plugins to adapt to width and height: echarts/antv, etc.

//Monitor object change callbackconst resizeObserver = new ResizeObserver(entries => {for (let entry of entries) {if(entry.contentBoxSize) {const width = document.getElementById('fatherbox')span>.clientWidthconst height = document.getElementById('fatherbox')span>.clientHeightdocument.getElementById('sonbox').style.span>width = width}}});//Initialize the registered listener objectconst init = () => {resizeObserver.observe(document.getElementById('fatherbox'));}