vue---splitpane分割

使用splitpane可以对窗口进行拆分，这个splitpane组件还是比较好用的，

首先安装：

npm install vue-splitpane

引入使用：

import splitPane from 'vue-splitpane'

Vue.component('split-pane', splitPane);

分割成两列：

<split-pane v-on:resize="resize" :min-percent='' :default-percent='' split="vertical">

  <template slot="paneL">

    A

  </template>

  <template slot="paneR">

    B

  </template>

</split-pane>

分割成三列：

<split-pane v-on:resize="resize" :min-percent='' :default-percent='' 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>

参考文档：https://www.npmjs.com/package/vue-splitpane

巴特西

vue---splitpane分割

最新文章

热门文章