Ant Design Vue教程

ant design vue cascader 级联选择

ant design vue cascader 级联选择通常用选择省市区、商品分类等场景中。

Cascader 基础用法

Ant Design Vue Cascader 级联省市区选择组件的基础用法包括样式大小、默认值、禁用选项、自定义图标。

点击访问>>

Cascader 搜索筛选

showSearch方法可以对联级数据选项继续搜索筛选,此场景一般是用户对数据比较属性的情况下通过搜索快速筛选出想要的结果。

点击访问>>

Cascader ajax服务器端加载

如果联级加载的数据量比较大比如上万条数据甚至几十万条数据,那么就不适合一次性把这些数据全部加载到前端网页,需要动态向服务器加载,Cascader通过了loadData方法来实现。

点击访问>>

Cascader 样式及自定义图标

Ant Design Vue Cascader 省市区联动样式大小和自定义图标,其实Ant Design所有组件自定义大小都是一样的,而自定义图标都差不多。

点击访问>>

Cascader fieldNames 自定义字段

Cascader 联级菜单有默认的树形结构,但是实践业务中树形字段的名称往往和Ant Design定义的名称不一样,这时我们可以使用fieldNames属性按自己业务来自定义。

点击访问>>

Cascader API属性及事件

Ant Design Vue Cascader API属性及事件

点击访问>>
Catalog
快速入门 Button 按钮 Affix 固钉 Breadcrumb 面包屑 Dropdown 下拉菜单 Menu 导航菜单 Pagination 分页 Steps 步骤条 AutoComplete 自动填充 Cascader 级联选择 Cascader 基础用法 Cascader 搜索筛选 Cascader ajax服务器端加载 Cascader 样式及自定义图标 Cascader fieldNames 自定义字段 Cascader API属性及事件 Checkbox 多选框 DatePicker 日期选择框 Input 输入框 InputNumber 数字输入框 Mentions 提及 Radio 单选框 Rate 评分组件 Select 下拉框 Slider 滑动输入条 Switch 开关