树选择 TreeSelect #

类型 #

单选树 #

多选树 #

 

禁用 #

 

mode 默认值为 multiple 显示已选个数,值为 tags 展示已选中选项 tag #

 

选中项回显,showParentName 默认值为 true，即显示父级路径，false 时只显示当前节点内容 #

 

搜索树 #

带确定按钮的下拉 #

带插槽的下拉 #

自定义过滤方法的下拉 #

自适应面板宽度的下拉 #

打开面板后定位到已选内容 #

分段式响应 #

 

单选 #

 

多选 #

API #

注：该组件由 Select 和 Tree 组件组合而成，除该页面展示参数外，slot 等其余参数参考Select和Tree组件文档 #

属性 #

名称	类型	可选值	默认值	说明
hasConfirm	Boolean	true/ false	false	是否支持确认按钮
searchable	Boolean	true/ false	false	是否支持搜索功能
mode	String	tags/multiple	multiple	选中后回显样式 multiple 为个数 tags 为标签
disabled	Boolean	true/ false	false	是否禁用
showParentName	Boolean	true/ false	true	触发器是否显示子父级路径
searchShowParentName	Boolean	true/ false	false	搜索面板是否显示子父级路径,默认false时回显跟随checkStrictly设置
loading	Boolean	true/ false	false	tree为空时是否展示loading动画

事件 #

名称	参数	说明
change	(ids:TreeNode[],selectNode:TreeNode)	选中回调，ids 为已选中节点 id 数组，selectNode 为当前选中的节点信息
blur	--	失焦事件

方法 #

名称	参数	说明
checkAll	true/false	全选或者取消全选
checkByIds	(ids:[],status:checked/uncheck/notNull)	操作树选中节点，注:仅适用于父子级不联动情况