穿梭框 Transfer

树父子联动

不联动

仅末级可选

自定义搜索占位符

右侧选中数量插槽

显示完整路径

虚拟滚动(左侧为虚拟树,右侧为虚拟列表)

自定义左侧筛选

API

属性

名称类型可选值/示例默认值说明
modelValueArray[]绑定值,节点id集合
dataArray[]树结构数据
notNullBooleantrue/ falsefalse是否返回半选状态的数据
linkageBooleantrue/ falsetrue是否严格的遵循父子互相关联的做法
lastStageBooleantrue/ falsefalse是否仅末级可选
placeholderSearchString'请输入'搜索框占位符
virtualBooleanfalse开启虚拟滚动(左侧为虚拟树,右侧为虚拟列表),用于数据量大的场景

slots

名称默认说明
selectedCount已选+数量右侧选中数量插槽
leftFilter左侧筛选插槽,配合leftAndRightLinkage=false使用,注意:由于notNull=true(返回半选数据)跟该逻辑有冲突,不支持同时使用

事件

名称参数说明
change(row:TreeNode,selectNode: TreeNode[])勾选/删除内容回调
row : 当前操作的数据
selectNode : 操作后选中的数据
cleare:Event点击右上角清空按钮

最近更新于: