作者:管理员 历史版本:1 最后编辑:龚清 更新时间:2025-10-14 18:31
简要描述:
- ibps-tree-select组件内部的Attributes、Methods
tree-select Attributes
| 参数名 |
是否必须 |
类型 |
说明 |
可选值 |
默认值 |
| value |
是 |
String, Number, Array, Object |
双向绑定的值 |
—– |
—– |
| multiple |
否 |
Boolean |
是否多选 |
—– |
—– |
| disabled |
否 |
Boolean |
是否禁用 |
—– |
—– |
| readonly |
否 |
Boolean |
是否自读 |
—– |
—– |
| readonlyText |
否 |
String |
只读样式 |
original, text |
original |
| clearable |
是 |
Boolean |
是否显示清除图标 |
—– |
—– |
| size |
否 |
String |
尺寸 |
medium, small, mini |
—– |
| nodeKey |
否 |
String |
节点主键 |
—– |
id |
| valueKey |
否 |
String |
值主键 |
—– |
value |
| props |
是 |
Object |
自定义配置 |
—– |
—– |
| placeholder |
否 |
String |
提示语 |
—– |
—– |
| selectMode |
否 |
String |
选值模式 |
leaf,any |
any |
| displayMode |
否 |
String |
显示模式 |
path,name |
name |
| data |
是 |
Array |
树形下拉数据 |
—– |
true |
| separator |
否 |
String |
树形选项分隔符 |
—– |
/ |
| warningText |
否 |
String |
警告提示语 |
—– |
—– |
| allowSelection |
否 |
Function |
允许的节点 |
—– |
—– |
| lazy |
否 |
Boolean |
懒加载启用 |
—– |
—– |
| load |
否 |
Function |
加载启用 |
—– |
—– |
| showCheckbox |
否 |
Boolean |
显示多选框 |
—– |
—– |
| checkStrictly |
否 |
Boolean |
上下级关联 |
—– |
—– |
| filterable |
否 |
Boolean |
是否查询 |
—– |
—– |
| filterMethod |
是 |
Function |
查询方法 |
—– |
—– |
| emptyText |
否 |
String |
为空时的展示文字 |
—– |
—– |
| showCheckedStrategy |
否 |
String |
显示多选按钮 |
all, parent, child |
child |
| icon |
否 |
Function |
图标 |
—– |
—– |
| displayEffect |
否 |
Object |
显示效果 |
—– |
—– |
| dataKey |
否 |
String |
数据集参数 |
—– |
—– |
tree-select Methods
| 事件名称 |
说明 |
参数 |
| fixZIndex |
修复zindex 不是最高的被遮住 |
—– |
| handleFocus |
输入框聚焦事件,会触发弹窗 |
event |
| handleClose |
关闭事件 |
—– |
| handleClick |
点击事件 |
event |
| toggleTree |
切换树型事件 |
—– |
| handleIconClick |
图标点击事件 |
event |
| removeSelected |
删除选中 |
—– |
| emitChange |
判断两个值相等时,声名一个change事件,并且外抛给使用它的父级 |
val |
| handleQueryChange |
调用树形示例的方法过滤 |
val |
| handleNodeClick |
树节点点击事件 |
data, node, tree |
| setSelectedNode |
设置选中节点数据 |
data, node, tree |
| handleCheck |
节点勾选事件 |
data, info |
| getTreeCheckedParentNodes |
获取勾选节点上面节点数据 |
—– |
| getNodeData |
获取节点数据 |
value |
| onInputChange |
值改变事件 |
—– |
| filterNodeMethod |
节点过滤方法 |
value, data |
| resetInputHeight |
复位输入高度 |
—– |
| getValueIndex |
获取值的索引 |
arr = [], value |
| getSelectedIds |
获取选中的值 |
—– |
| deletePrevTag |
删除上一页标签 |
e |
| deleteTag |
删除tag |
item |
| resetInputWidth |
复位输入宽度 |
—– |
| handleResize |
调整大小图柄 |
—– |
| setSelected |
设置选中 |
—– |
| handleResize |
表格高度处理调整 |
—– |
display-effect Attributes
| 参数名 |
是否必须 |
类型 |
说明 |
可选值 |
默认值 |
| shape |
否 |
String |
展示形式 |
—– |
—– |
| size |
否 |
String |
尺寸 |
—– |
—– |
| readonly |
否 |
Boolean |
只读 |
—– |
false |
| config |
否 |
Object |
配置数据 |
—– |
—– |
| data |
是 |
Object |
展示数据 |
—– |
—– |
| labelKey |
否 |
String |
展示值得匹配key |
—– |
name |
| valueKey |
否 |
String |
绑定值得匹配key |
—– |
value |
| width |
否 |
String |
类型 |
—– |
—– |
| type |
否 |
String, Number |
宽度 |
—– |
—– |
| effect |
否 |
String |
效果 |
—– |
—– |
| icon |
否 |
String |
效果图标 |
—– |
—– |
| backgroundColor |
否 |
String |
背景颜色 |
—– |
—– |
| color |
否 |
String |
字体颜色 |
—– |
—– |
| plain |
否 |
Boolean |
是否朴素按钮 |
—– |
—– |
| round |
否 |
Boolean |
是否导圆角 |
—– |
—– |
| circle |
否 |
Boolean |
是否圆 |
—– |
—– |
display-effect Methods
| 事件名称 |
说明 |
参数 |
| getConfig |
获取配置数据 |
key, defaultVal |
| handleClose |
关闭事件 |
event |