本文主要是介绍【Splitpanes】Vue.js 靠谱、简单并支持触摸的窗格分割器/调整器。,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
【Splitpanes】Vue.js 靠谱、简单并支持触摸的窗格分割器/调整器。
- 介绍
- 安装
- 使用
- 示例与文档
介绍
Vue.js 靠谱、简单并支持触摸的窗格分割器/调整器。用于实现可调节窗口,支持Vue2、Vue3。
安装
- Vue3
npm install splitpanes
- Vue2
npm install splitpanes@legacy
使用
<template><h1>splitpanes</h1><Splitpanes class="default-theme" horizontal style="height: 400px"><Pane min-size="20" max-size="70" size="20"><span>1</span></Pane><Pane><span>2</span></Pane><Pane max-size="70"><span>3</span></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 示例虽然是英文的,但是用法本身也没有很复杂,容易看懂
这篇关于【Splitpanes】Vue.js 靠谱、简单并支持触摸的窗格分割器/调整器。的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!