You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2.2 KiB
2.2 KiB
树选择
基于 <el-select> 和 <el-tree>,实现单选和多选。
引入:
@/component/TreeSelect
使用:
<tree-select v-model="value" :data="data"/>
TreeSelect Attributes:
| 参数 | 说明 | 类型 | 默认 |
|---|---|---|---|
| value / v-model | 绑定值,多选时需要是array类型 | - | - |
| data | 等同于el-tree的data |
- | - |
| multiple | 是否多选 | boolean |
- |
| disabled | 等同于el-select |
boolean |
- |
| size | 等同于el-select |
string |
- |
| clearable | 等同于el-select |
boolean |
true |
| placeholder | 等同于el-select |
string |
- |
| filterable | 是否显示用于筛选的输入框 | boolean |
- |
| filter-method | 等同于el-tree的filter-node-method |
function |
- |
| node-key | 等同于el-tree |
string |
'id' |
| props | 等同于el-tree |
object |
- |
| accordion | 等同于el-tree |
boolean |
true |
| popperAppendToBody | 等同于el-select |
boolean |
- |
| automaticDropdown | 等同于el-select |
boolean |
- |
TreeSelect Events:
| 事件名称 | 说明 |
|---|---|
| input | 等同于el-select |
| change | 等同于el-select |
::: tip 使用多选时,如果value数组中有父节点但无子节点,会出现看上去父子全选中,但实际只选了父节点的情况 :::