@dbseogns1212/vue-split-pane
v0.1.5
Published
### [demo](https://ketaro01.github.io/vue-split-pane/)
Downloads
90
Maintainers
Readme
vue-split-pane
demo
installation
$ yarn add dbseogns1212@vue-split-pane
or
$ npm install --save dbseogns1212@vue-split-pane
Usage
use global plugin
// main.js
import Vue from 'vue';
import VueSplitPane from '@dbseogns1212/vue-split-pane';
import '@dbseogns1212/vue-split-pane/dist/splitPane.css';
Vue.use(VueSplitPane);
use component
// ###.vue
import { VueSplitPane } from '@dbseogns1212/vue-split-pane';
import '@dbseogns1212/vue-split-pane/dist/splitPane.css';
export default {
components: {
VueSplitPane,
},
};
component
// ###.vue
<template>
<vue-split-pane
size="30%"
min-size="100px"
>
<template #paneL>
<div style="width: 100%; height: 100%;">test1</div>
</template>
<template #paneR>
<div style="width: 100%; height: 100%;">test2</div>
</template>
</vue-split-pane>
</template>