2022-12-01 17:38:05 +08:00

4.8 KiB
Raw Permalink Blame History

Cascader 级联选择器

当一个数据集合有清晰的层级结构时,可通过级联选择器逐级查看并选择。

基础用法

有两种触发子菜单的方式

<template #source>

type为'cascader'

禁用选项

通过在数据源中设置 disabled 字段来声明该选项是禁用的

<template #source>

本例中options 指定的数组中的第一个元素含有 disabled: true 键值对因此是禁用的。在默认情况下Cascader 会检查数据中每一项的 disabled 字段是否为 true ,如果你的数据中表示禁用含义的字段名不为 disabled ,可以通过 disabled 属性来指定(详见下方 API 表格)。当然, value 、 label 和 children 这三个字段名也可以通过同样的方式指定。

多选

可通过 multiple = true 来开启多选模式

<template #source>

在开启多选模式后默认情况下会展示所有已选中的选项的Tag