tdesign-mobile-vue
tdesign-mobile-vue copied to clipboard
[Cascade] 新组件开发
设计稿:https://codesign.qq.com/s/JG2mj75B3G0VKdM/6W3G0mM5x4G0lOw/inspect
API 设计讨论:https://github.com/Tencent/tdesign-mobile-vue/discussions/233
👋 @LeeJim,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。
由 @oceanlvr 负责开发。 麻烦补充下,预计完成时间 :)
这个 Issue 被标记为了过时 stale ,因为它已经持续 30 天没有任何活动了。删除 stale 标签或评论,否则将在 7 天内关闭。
Cascader Props
名称 | 类型 | 默认值 | 说明 | 必传 |
---|---|---|---|---|
v-model | Array | - | 选中值,双向绑定 | N |
options | Array | - | 级联可选项。TS 类型:Array<CascaderOption> interface CascaderOption { title: string;disabled: boolean;value: TdCascaderOptionValueType; [key: string]: any } 。详细类型定义 |
N |
closeable | Boolean | - | 是否显示关闭按钮 | N |
close-icon | String | - | 关闭 icon 图标名 | N |
title | String | - | 标题 | N |
placeholder | String | - | 填充文字 | N |
Cascader Events
名称 | 参数 | 描述 |
---|---|---|
change | (value: TdCascaderOptionValueType, context: { e: MouseEvent }) |
选中值改变时触发 |
finish | (context: { e: MouseEvent }) |
全部选项完成选择触发 |
close | (context: { e: MouseEvent }) |
关闭 Cascader 触发 |
click-tab | (context: { e: MouseEvent }) |
点击 tab 触发 |
已发布于 0.12.0