【Splitpanes】Vue.js 靠谱、简单并支持触摸的窗格分割器/调整器。

介绍

Vue.js 靠谱、简单并支持触摸的窗格分割器/调整器。用于实现可调节窗口，支持Vue2、Vue3。

安装

• Vue3

npm install splitpanes

• Vue2

npm install splitpanes@legacy

使用

<template>
    <h1>splitpanesh1>
    <Splitpanes class="default-theme" horizontal style="height: 400px">
        <Pane min-size="20" max-size="70" size="20">
            <span>1span>
        Pane>
        <Pane>
            <span>2span>
        Pane>
        <Pane max-size="70">
            <span>3span>
        Pane>
    Splitpanes>
template>

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

示例与文档

项目地址：https://gitcode.com/antoniandre/splitpanes
示例地址：https://antoniandre.github.io/splitpanes 示例虽然是英文的，但是用法本身也没有很复杂，容易看懂