效果图如下
使用方法
<Transfer
:transForm.sync="transForm"
:data="transData"
:defaultProps="defaultProps"
:defaultCheckedKeys="defaultCheckedKeys"
@sureSelect="surePerson"
@cancelSelect="cancelPerson"
/>
transData:后台返回数据源,树形时树形结构 Array
transForm:勾选的数据 Array
defaultProps:关键值代替集合 Object
type:类型 String 默认tree,随便传平级
title:标题 Array 穿梭框两边的标题 默认["未选择", "已选择"]
defaultCheckedKeys:默认选中值 Array Key值默认id,可在defaultProps中自定义key
defaultExpandAll:是否默认展开全部 Boolean 默认展开
vaildChild:是否开启子集合校验 Boolean 默认不开启
childKey:开启子集合校验时的校验字段 String 没有默认值,但必需要
showAllSelect:开启全选按钮 Boolean 默认开启