Element中的Cascader 级联选择器高度不能正常显示如何解决2

摘要:
当使用级联选择器时,新版本的元素有一个很大的问题。以前的版本可以通过使用自定义属性popper类来解决,但新版本不能使用此属性。新版本必须更改global.css中的特定更改方法,如下所示:Add:。elcascade菜单{height:300px;}在您的全局.css中解决问题。这是元素的新版本留下的问题。

新版本的element在使用级联选择器的时候,高度存在问题,如何解决呢,之前的旧版本 可以通过自定义属性popper-class解决,但是新版本的无法使用这个属性解决了,新版本的问题必须在全局的global.css中更改

具体的更改方法如下:

在你的全局global.css里面添加:

.el-cascader-menu {
  height: 300px;
}

  

就可以解决了。

这是element的新版本遗留下的问题。

免责声明:文章转载自《Element中的Cascader 级联选择器高度不能正常显示如何解决2》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇SVN 服务器端安装过程asp.net webapi 返回json结果的方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Flink设置并行度的方式和执行级别

Flink设置并行度的几种方式 代码中设置setParallelism() 全局设置: env.setParallelism(3);  算子设置(部分设置): sum(1).setParallelism(3) 客户端CLI设置(或webui直接输入数量): ./bin/flink run -p 3  系统设置:     修改配置文件...

Element plus的tree组件实现单选和搜索功能

需求: Element plus的树组件实现单选和搜索功能。 效果: 实现: <!--element plus 树组件实现单选及搜索功能 --> <template> <div class="tree-radio"> <h3>Element plus 树组件实现单选及搜索功能<...

JS日历插件

一、简介 1. 注意事项 (1)My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名; (2)各目录及文件的用途:         WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名         config.js 语言和皮肤配...

Element UI 框架搭建

Element UI 框架搭建 1、webpack 全局安装 1 npm install -g webpack 2、淘宝镜像cnpm安装 1 npm install -g cnpm --registry=https://registry.npm.taobao.org 3、vue脚手架全局安装 -- 用于生成vue模板 1 npm instal...

Embedded Browser(ZFBrowser)使用相关问题

首先安利一波Embedded Browser,这是一款Unity内置网页浏览器插件,相信很多朋友都用过,有需要的朋友多多支持正版,附上AssetStore地址: https://assetstore.unity.com/packages/tools/gui/embedded-browser-55459 我在使用这款插件时出现并解决了以下问题,以供大家参考...

vue效果之改element的el-checkbox-group多选框组为单选可取消的单选框(样式还是多选框的样式)

vue <el-checkbox-group v-model="listThematicChecked"> <el-checkbox v-for="(item , index) in subjectList" @change="clickThematicMapItem(item,index)" :key="item.me...