Skip to content
On this page

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>

参数

参数说明类型默认值
eldom 元素--
gap距离边界线多少触发--
onChange拖拽中回调Fun-
onStart开始时回调Fun-
onEnd结束时回调Fun-