useResize
拖拽的方式改变元素的宽高
基本用法
高度:200px宽度:200px
vue
<template>
<div ref="divRef" class="div-ref"></div>
</template>
<script setup>
import { onMounted, ref } from "vue";
import { useResize } from "@yik_l/ui";
const divRef = ref(null);
onMounted(() => {
useResize({
el: divRef.value,
onChange: (e) => {},
onStart: (e) => {},
onEnd: (e) => {},
});
});
</script>
参数
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
el | dom 元素 | - | - |
gap | 距离边界线多少触发 | - | - |
onChange | 拖拽中回调 | Fun | - |
onStart | 开始时回调 | Fun | - |
onEnd | 结束时回调 | Fun | - |