作者：管理员  历史版本：1  最后编辑：龚清  更新时间：2024-11-20 15:41

简要描述：

  • 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