Splitpanes 分栏尺寸可变

官网

文档

vue2

pnpm i splitpanes@legacy

<!-- demo.vue -->

<template>
  <splitpanes class="default-theme">
    <pane v-for="i in 3" :key="i">
      <div>{{ i }}</div>
    </pane>
  </splitpanes>
</template>

<script>
import { Splitpanes, Pane } from 'splitpanes'
import 'splitpanes/dist/splitpanes.css'

export default {
  components: { Splitpanes, Pane },
}
</script>

vue3

pnpm i splitpanes

<!-- demo.vue -->

<template>
  <splitpanes class="default-theme">
    <pane v-for="i in 3" :key="i">
      <div>{{ i }}</div>
    </pane>
  </splitpanes>
</template>

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