Vue.js可靠、简单且易于触摸的窗格拆分器/调整大小器。

vue3 使用 splitpanes

官网

安装

npm i splitpanes -S

简单例子

<template>
	<button @click="panesNumber++">Add pane</button>
	<button @click="panesNumber--">Remove pane</button>
  <splitpanes class="default-theme" style="height: 400px">
	  <pane v-for="i in panesNumber" :key="i">
	    <span>{{ i }}</span>
	  </pane>
	</splitpanes>
</template>

<script setup lang='ts'>
import { Splitpanes, Pane } from 'splitpanes'
import 'splitpanes/dist/splitpanes.css'
</script>
<style></style>