使用elementResizeDetectorMaker监听元素的宽高

352 阅读1分钟
import elementResizeDetectorMaker from 'element-resize-detector'
import {ref, onMounted, nextTick} from 'vue'
// 获取dom 
const container = ref(null)
const erd = ref(null)
onMounted(()=>{
    // 初始化之后
    erd = elementResizeDetectorMaker()
    erd.listenTo(container.value, async element => {
        // dom更新前调用
        function1()
        await nextTick()
        // dom更新后调用
        function2()
    })
})