关于element-ui中 cascade 层级列表过大的问题

关于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;
}

即可解决