关于element-ui中 cascade 层级列表过大的问题
<el-form-item label="分类名称" prop="cat_name">
<el-input v-model="addCateForm.cat_name"></el-input>
</el-form-item>
<el-form-item label="父级分类">
<!-- options用来指定数据源 -->
<!-- props 用来指定配置对象 -->
<!-- v-model对应的值应该是一个对象,因为是多级嵌套,会选中父级和子级的节点,不是一个值 -->
<el-cascader
expandTrigger="hover"
v-model="selectedKeys"
:options="parentCateList"
:props="cascaderProps"
@change="parentCateChange"
\></el-cascader>
只需要在自定i的全局的css中 global.css添加
.el-cascader-panel {
height: 200px;
}
el {
height: 200px;
}
即可解决