SpDepartmentTreeMultiSelect
大约 1 分钟
这是一个多选的部门树组件，可以以标签的形式进行展示已选择部门。
基础用法
直接在对应位置引用组件即可，支持数据双向绑定。
<SpDepartmentTreeMultiSelect v-model="value" />API
属性
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| model-value / v-model | DepartmentTree[] | - | 绑定值 |
| showTags | boolean | true | 是否显示已选择部门标签 |
| placement | string | 'bottom' | 弹出框位置 |
事件
| 时间名 | 类型 | 说明 |
|---|---|---|
| confirm | (value: DepartmentTree[]) => void | 点击确认按钮事件 |
| cancel | () => void | 点击取消按钮事件 |
插槽
| 插槽名 | 说明 |
|---|---|
| reference | 触发 Popover 显示的 HTML 元素，可以省略，默认会使用添加按钮 |
类型
DepartmentTree
| 属性 | 类型 | 说明 |
|---|---|---|
| id | number | 部门主键 id |
| pId | number | 上级部门 id |
| name | string | 部门名称 |
| children | DepartmentTree[] | 子部门 |