/vue-split-pane-fix

vue2 component

Primary LanguageJavaScript

vue-splitpane-fix

base on https://github.com/PanJiaChen/vue-split-pane/tree/master

features

  1. use flex layout to replace float layout
  2. add default-px and min-px

try on http://thinkerchan.github.io/vue-split-pane-fix/demo/index.html

How to use?

npm install vue-splitpane-fix

#import
import splitPane from 'vue-splitpane-fix'

# use as global component
Vue.component('split-pane', splitPane);

Options

Property Description type default
split the split type String [horizontal,vertical] must choose one type
default-percent paneL default-percent Number 50
min-percent paneL max-min-percent Number 10
default-px paneL default-px Number 0
min-px paneL min-px Number 300

if you set default-px with a non-zero value, default-percent will not work