1.1.0 • Published 2 years ago
v-spt v1.1.0
v-spt
鼠标拖拽实现布局
How to use?
npm install v-spt
#import
import splitPane from 'v-spt'
# use as global component
Vue.component('split-pane', splitPane);
<split-pane v-on:resize="resize" :min-percent='20' :default-percent='30' split="vertical">
<template slot="paneL">
A
</template>
<template slot="paneR">
B
</template>
</split-pane>
//nested
<split-pane v-on:resize="resize" :min-percent='20' :default-percent='30' split="vertical">
<template slot="paneL">
A
</template>
<template slot="paneR">
<split-pane split="horizontal">
<template slot="paneL">
B
</template>
<template slot="paneR">
C
</template>
</split-pane>
</template>
</split-pane>