vue-splitpane插件的使用

参考链接npm
参考链接github

使用vue-splitpane组件可以垂直或水平拆分。

1.安装

npm install vue-splitpane

2.在main.js里注册为全局组件

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

3.在组件里使用
Test.vue组件

   <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>