TreeTransfer 树形穿梭框

用于展示树形结构的穿梭框,基于TreeField组件的逻辑实现,可直接绑定选中值

主要示例

本示例裁剪后将在新窗口打开裁剪后的图片, 获取的数据可在控制台查看

带搜索功能

Attributes

参数类型说明可选值默认值
value/v-modelstring[] / number[]绑定值, node-key指定属性对应值的数组----
dataobject[]数据源----
node-keystring和Tree组件同名属性意义一致,属性对应不上时无法查找节点会报错--'id'
loadingboolean是否加载中----
dataobject[]数据源----
chosed-modestring左侧已选择项的展示形式,有禁用和过滤两种,默认为禁用disabled/filter--
one-wayboolean是否采用单向关联,同TreeField组件----
titlesboolean | [boolean | string, boolean | string]转换框header右侧自定义内容,设置false会隐藏header----
show-filterboolean | (direction) => boolean是否显示搜索过滤, 可通过函数区分左右框----
tree-propsobject | (direction) => object两侧树组件的props对象----
button-triggerboolean是否由按钮触发数据转移--tree
Last Updated:
Contributors: wxhccche