antdv-multi-cascader
这是ant-design-vue
2.x 的级联多选组件。
如何使用
npm i antdv-multi-cascader -D
import multiCascader from 'antdv-multi-cascader'
app.use(multiCascader)
<multi-cascader v-model:value="value" placeholder="请输入" :data="options" :loadData="loadData"></multi-cascader>
Props
参数 | 说明 | 类型 | 默认值 | 必填 |
---|---|---|---|---|
value(v-model) | 选中项 | string[] |
[] |
true |
placeholder | 输入框占位文本 | string |
- | false |
data | 可选项数据源 |
Option[]
|
[] |
true |
loadData | 动态加载选项 | (selectedOptions: Option) => void |
- | true |
Option
interface Option {
value: string
label: string
isLeaf: boolean
isChecked?: boolean
isLoading?: boolean
children?: Option[]
}