@dbseogns1212/vue-split-pane

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>