<!-- 选择商品分类的级联选择框 -->
<el-cascader v-model="selectedKeys"
:options="parentCateList"
:props="cascaderProps"
@change="parentCateChange">
</el-cascader>
// 指定级联选择器的配置对象
cascaderProps: {
expandTrigger: 'hover',
value: 'cat_id',
label: 'cat_name',
children: 'children'
}
这样的一个级联选择器,单这样会无法显示二级三级列表
需要在全局样式global.css中给级联选择器加上一个高度
.el-cascader-menu {
height: 300px;
}
这样就解决了,级联选择器三级列表便可正常显示

解决
本文介绍了在Vue项目中,如何解决级联选择器(Cascader)无法显示三级列表的问题。通过设置级联选择器的配置属性,如`expandTrigger`、`value`、`label`和`children`,并调整全局样式,为`.el-cascader-menu`添加高度,确保了三级列表的正常显示。
1212

被折叠的 条评论
为什么被折叠?



