使用示例

App.vue

<template>
  <view-split 
    arrow="leftRight" 
    mainSize="100px" 
    @dragend="dragend" 
    :minSize="50" 
    barColor="#f1f3f4"
    barActiveColor="#dee1e6"
  >
    <A />
    <B slot="other" />
  </view-split>
</template>

<script>
import ViewSplit from 'view-split';
</script>

参数说明

• arrow：切割方向（默认：leftRight）
  • leftRight：左右
  • topBottom：上下
• mainSize：主区域 左右/上下的宽/高大小（默认：50%）
• dragend：拖动停止后回调，返回值：主区域宽度值
• minSize：切割左右/上下最小宽/高（默认：100px）
• barColor：拖拽条颜色（默认：#f1f3f4）
• barActiveColor：拖拽条选中时颜色（默认：#dee1e6）