vue 实时获取元素高度

Vue中使用element-resize-detector实现动态滚动高度监听,

原创已于 2023-10-27 16:12:36 修改 · 608 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

于 2023-08-18 16:32:18 首次发布

1.安装element-resize-detector

npm install --save element-resize-detector

2.引入

<script>
    import { ref,onMounted,} from 'vue';
    import elementResizeDetector from "element-resize-detector";
    const scrollHeight = ref('100%')
     onMounted(() => {
          var erd = elementResizeDetector();
          erd.listenTo("监听的dom元素", (element) => {
            scrollHeight.value = element.offsetHeight-102
          })
    })
</script>