mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2025-04-05 19:41:40 +08:00
4.8 KiB
4.8 KiB
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