element/examples/docs/zh-CN/cascader.md

1.9 KiB

级联选择

需要从一组相关联的数据集合进行选择,例如省市区,公司层级,事物分类等。

从一个较大的数据集合中进行选择时,用多级分类进行分隔,方便选择。

基本使用

:::demo

<el-cascader
  :options="options"
  v-model="selectedOptions"
></el-cascader>

:::

默认值

:::demo

<el-cascader
  :options="options"
  v-model="selectedOptions2"
></el-cascader>

:::

移入展开

:::demo

<el-cascader
  :options="options"
  v-model="selectedOptions3"
  expand-trigger="hover"
></el-cascader>

:::

选择即改变

:::demo

<el-cascader
  :options="options"
  v-model="selectedOptions4"
  change-on-select
></el-cascader>

:::

可搜索

:::demo

<el-cascader
  :options="options"
  v-model="selectedOptions5"
  show-search
></el-cascader>

:::