About

This is a vue based custom hook that can easily listen for changes in the width and height of dom elements.

getting started

install

1npm install v-cles-resize

how to use

1import useResize from 'v-resize-cles'
2const el = document.querySelector('#dom')
3useResize(el,(data) => {
4    console.log(data)
5})

or

Global instruction registration is also supported Write this in your entry file

1//main.js/ts
2import useResize from 'v-resize-cles'
3const app = createApp(App)
4app.use(useResize)

your template

1<template>
2    <div>
3        <div v-resize="test" id="resize">
4        </div>
5    </div>
6</template>
7<script lang="ts">
8const test = (data:DOMRectReadOnly) =>{
9    console.log(data)
10}
11</script>