vue3监听dom元素变化

1：安装ResizeObserver

npm install resize-observer-polyfill --save-dev

2:引入插件，获取dom元素传入

<template>
  <div class="userPortrait" id="myElement">
  </div>
</template>



<script lang="ts" setup>
import ResizeObserver from "resize-observer-polyfill";


let resizeObserver;


onMounted(() => {
  let myElement = document.getElementById("myElement");
  resizeObserver = new ResizeObserver((entries, observer) => {
    console.log("DOM元素变化了")
    echarts.init(document.getElementById("lineChart_content")).resize();
  });
  resizeObserver.observe(myElement);
});

</script>