Cascader 级联选择器

多层级数据选择器，支持选项联动和自定义标题

演示

9:41

代码示例

<!-- 选择器 -->
  <re-cascader class="demo-cascader-active" :key="current" :title="currentConfig.title" :placeholder="currentConfig.placeholder" :options="currentConfig.options" :value="currentValue" :visible="showPanel" @update:visible="showPanel = $event" @change="onChange" @close="onClose" />

引入

推荐使用 easycom 模式，配置后无需手动 import 即可直接使用 <re-cascader />。

API

Cascader Props

名称	类型	默认值	描述	必传
lazy	`boolean`	-	-	N

Cascader Events

名称	参数	描述
change	value: Array<string>	值变化时触发
close	-	关闭时触发
update:visible	value: boolean	显隐变化时触发

Cascader Slots

名称	描述
-	-

CascaderItem Props

名称	类型	默认值	描述	必传
options	`Array<CascaderOption>`	() : Array<CascaderOption> => as Array<CascaderOption>	-	N
selectedValue	`string`	''	-	N
colIndex	`number`	0	-	N

CascaderItem Events

名称	参数	描述
select	colIndex: number, value: string, label: string	选择时触发

Calendar 日历

日历组件，用于选择日期或日期范围，支持单选、多选、范围选择，支持弹窗和内联模式

Checkbox 多选框

用于从多个选项中选择一个或多个结果，支持样式切换、全选和卡片态。

内容锚点

演示
代码示例
引入
API