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