Tree-select 选择器

代码演示

API

Attributes

参数 说明 类型 可选值 默认值 Version
accordion 是否启用手风琴模式 Boolean — false
clearable 是否可以清空 Boolean — false
collapse-tags 多选时是否将选中值按文字的形式展示 Boolean — false
default-expand-all 是否默认展开所有节点 Boolean — false
expand-on-click-node 是否在点击节点的时候展开或者收缩节点, 默认值为 true,如果为 false,则只有点箭头图标的时候才会展开或者收缩节点。 Boolean — true
filterable 下拉tree是否可以筛选 Boolean — false
multiple 是否多选 Boolean — false
multiple-limit 多选时用户最多可以选择的项目数,为 0 则不限制 Number — 0
popover-class 为展开面板添加 class String — —
placement 展开面板展开的方向 String 'top' | 'right' | 'bottom' | 'left' 及各方向的修饰符(-start, -end) 'bottom'
placeholder select 输入框占位符 String — 请选择
tree-render 树的渲染函数 Function — —
tree-click-parent 在有子级的情况下是否点击父级关闭弹出框,false 只能点击子级关闭弹出框 Boolean — false
tree-data tree的数据 Array — —
tree-props tree配置选项,具体看下表 Object — —
tree-other-props 用于同步tree组件新增的其他功能属性 Object — —
styles 样式配置选项,具体见下表 Object — —
show-checkbox 是否显示复选框 Boolean — false
select-disabled 是否禁用选择器 Boolean — false
select-other-props 用于同步select组件新增的其他功能属性 Object — —
v-model / value 当前选中的值 String | Array — ''

styles

参数 说明 类型 可选值 默认值 Version
width 宽度 String — —

treeProps

参数 说明 类型 可选值 默认值 Version
label 指定节点标签为节点对象的某个属性值 String, Function(data, node) — name
children 指定子树为节点对象的某个属性值 String — children
disabled 指定节点选择框是否禁用为节点对象的某个属性值 Boolean, Function(data, node) — disabled
value 指定节点标签为节点对象的某个值 String, Function(data, node) — flowId

Events

事件名称 说明 回调参数 Version
check 树勾选的回调 三个参数,依次为:传递给 data 属性的数组中该节点所对应的对象、节点对应的 Node、节点组件本身
node-click 树节点被点击时的回调,和w-tree参数一致 共三个参数,依次为:传递给 data 属性的数组中该节点所对应的对象、节点对应的 Node、节点组件本身
remove-tag 移除单个标签,返回所有勾选的ids,以及当前移除的tag(可能为中文)标签 目前的选中值, 当前删除的value值
select-clear 下拉框清空事件 目前的选中值
search 树过滤
toggle-popover 当选择器面板显示或隐藏时被触发 面板显示或隐藏状态布尔值 v1.7.1

Methods

事件名称 说明 回调参数 Version
clearInnerInput 清空内部输入框内容 v1.7.1
treeDataUpdateFun 树更新数据

贡献者

类型 参与者
设计者 UED视觉组
维护者 UED前端组
上次更新: 8/17/2021, 10:07:07 AM