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>