TreeSelect 树形选择 |
您所在的位置:网站首页 › vue下拉菜单包含多个选择按钮组件的封装 › TreeSelect 树形选择 |
TreeSelect 树形选择 # 含有下拉菜单的树形选择器,结合了 el-tree 和 el-select 两个组件的功能。 TIP 在 SSR 场景下,您需要将组件包裹在 之中 (如: Nuxt) 和 SSG (e.g: VitePress). 基础用法 #树状选择器 选择任意级别 #当属性 check-strictly=true 时,任何节点都可以被选择,否则只有子节点可被选择。 TIP 当使用 show-checkbox时,由于 check-on-click-node 默认值是 false,这时候只能通过 checkbox 来选中,当然您也可以将其设置成 true,这样点击整个 node 都可以用来完成选择 多选 #通过点击或复选框选择多个选项。 禁用选项 #使用 disabled 字段禁用选项。 可筛选 #使用关键字筛选或自定义筛选方法。 filterMethod可以自定义数据筛选的方法, filterNodeMethod可以自定义节点数据筛选的方法。 自定义内容 #自定义树节点的内容。 懒加载 #树节点懒加载,更加适合于数据量大的列表。 API #Attributes #由于这个组件是el-tree和el-select的结合体,他们的原始属性未被更改,故不在此重复。请跳转查看原组件的相应文档。 属性方法事件插槽treetreetreetreeselectselectselectselectOwn Attributes #属性名详情类型默认值cacheData 2.2.26懒加载节点的缓存数据,结构与数据相同,用于获取未加载数据的标签object[]类型声明 #显示类型声明type CacheOption = { value: string | number | boolean | object currentLabel: string | number isDisabled: boolean } 源代码 #组件 • 文档 贡献者 # |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |