vue-resizable插件运用

用途

拖拽改变区域的大小，支持多个方向拖拽，可自定义配置。

安装

npm i vuexxx@latest // 本例版本"^2.1.7"

示例代码

<template><!-- 通过v-model属性设置默认大小active属性设置支持拖拽的方向，r表示向右拖 --><vue-resizable v-model="resizeW" :min-width="300" :active="['r']"><div></div></vue-resizable>
</template><script lang="ts" setup>
// @ts-ignore
import VueResizable from "vue-resizable"const resizeW = ref(300)
</script>

 更多属性和详细内容，可以查看插件源码