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[]
}