在Vue 2的Element UI和Vue 3的Element Plus中,el-cascader
(级联选择器)组件用于从嵌套的数据中进行选择。以下是对这两个版本下el-cascader
组件的属性、事件和方法的详细介绍,并附带示例。
Vue 2的Element UI
el-cascader
属性:
v-model
/value
:绑定值,即选中的值,通常是数组格式,表示选中的路径options
:可选项数据源,格式详见Element UI文档props
:配置选项,用于指定options
中各级数据的字段名value
:指定选项的值为选项对象的某个属性值label
:指定选项的标签为选项对象的某个属性值children
:指定选项的子级为选项对象的某个属性值
placeholder
:占位符clearable
:是否支持清除show-all-levels
:输入框中是否显示选中的所有级联项collapse-tags
:多选时是否折叠tagseparator
:选项分隔符expand-trigger
:次级菜单的展开方式,可选值有click
和hover
check