穿梭框 Transfer
树父子联动
不联动
仅末级可选
自定义搜索占位符
右侧选中数量插槽
显示完整路径
虚拟滚动(左侧为虚拟树,右侧为虚拟列表)
自定义左侧筛选
API
属性
| 名称 | 类型 | 可选值/示例 | 默认值 | 说明 |
|---|---|---|---|---|
| modelValue | Array | [] | 绑定值,节点id集合 | |
| data | Array | [] | 树结构数据 | |
| notNull | Boolean | true/ false | false | 是否返回半选状态的数据 |
| linkage | Boolean | true/ false | true | 是否严格的遵循父子互相关联的做法 |
| lastStage | Boolean | true/ false | false | 是否仅末级可选 |
| placeholderSearch | String | '请输入' | 搜索框占位符 | |
| virtual | Boolean | false | 开启虚拟滚动(左侧为虚拟树,右侧为虚拟列表),用于数据量大的场景 |
slots
| 名称 | 默认 | 说明 |
|---|---|---|
| selectedCount | 已选+数量 | 右侧选中数量插槽 |
| leftFilter | 左侧筛选插槽,配合leftAndRightLinkage=false使用,注意:由于notNull=true(返回半选数据)跟该逻辑有冲突,不支持同时使用 |
事件
| 名称 | 参数 | 说明 |
|---|---|---|
| change | (row:TreeNode,selectNode: TreeNode[]) | 勾选/删除内容回调 row : 当前操作的数据 selectNode : 操作后选中的数据 |
| clear | e:Event | 点击右上角清空按钮 |