使用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>
网友评论