antdv-multi-cascader

A multiple cascader component for ant-design-vue 2.x

Usage no npm install needed!

<script type="module">
  import antdvMultiCascader from 'https://cdn.skypack.dev/antdv-multi-cascader';
</script>

README

antdv-multi-cascader

Vue Vite Rollup npm package MIT license

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