这篇文章主要介绍了Element Cascader 级联选择器的使用示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
组件―级联选择器
基础用法
<div class="block"> <span class="demonstration">默认 click 触发子菜单</span></div><div class="block"> <span class="demonstration">hover 触发子菜单</span></div>
禁用选项
可清空
仅显示最后一级
多选
<div class="block"> <span class="demonstration">默认显示所有Tag</span></div><div class="block"> <span class="demonstration">折叠展示Tag</span></div>
选择任意一级选项
<div class="block"> <span class="demonstration">单选选择任意一级选项</span></div><div class="block"> <span class="demonstration">多选选择任意一级选项</span></div>
动态加载
自定义节点内容
<span>{{ data.label }}</span><span> ({{ data.children.length }}) </span>
级联面板
Cascader Attributes
Cascader Events
Cascader Slots
CascaderPanel Attributes
CascaderPanel Events
CascaderPanel Slots
Props
以上就是Element Cascader 级联选择器的使用示例的详细内容,更多请关注gaodaima搞代码网其它相关文章!