简要描述:

  • 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
文档更新时间: 2021-05-07 14:19   作者:admin