解决Element-UI的Cascader级联选择器的选项框位置问题

news/2024/7/10 2:02:48 标签: 前端, vue, elementui

在使用Cascader级联选择器的时候出现如图所示的选项框超出浏览器显示区域的问题,可以使用以下方法解决

 

 解决方法:

在全局样式表 #global.css 中书写以下样式

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

注意:如果直接在当前vue文件中的style添加样式无法生效


http://www.niftyadmin.cn/n/854115.html

相关文章

centos 用命令创建LVM逻辑卷

为什么80%的码农都做不了架构师?>>> LVM基本术语 LVM是在磁盘分区和文件系统之间添加的一个逻辑层,来为文件系统屏蔽下层磁盘分区布局,提供一个抽象的盘卷,在盘卷上建立文件系统。 物理存储介质(The physi…

C++笔记 第三课 进化后的const分析---狄泰学院

如果在阅读过程中发现有错误,望评论指正,希望大家一起学习,一起进步。 学习C编译环境:Linux 第三课 进化后的const分析 1.C语言中的const const修饰的变量是只读的,本质还是变量 const修饰的局部变量在栈上分配空间…

算法训练 和为t java_和为T

https://blog.csdn.net/Y734493585/article/details/88387342,2.https://blog.csdn.net/liuchuo/article/details/56676828)在第一个博客里我终于明白了dfs的过程,这回是彻底清楚了,然后在二里面,老老实实的把代码走了一遍(写了快…

关于浮动(float)的原理和特性及如何清除浮动

浮动(float): float 属性用于创建浮动框,可以向左或右移动直至包含块或另一浮动框的边缘。 语法: 选择器 { float: 属性值; } 属性值描述none元素不浮动(默认值)left元素向左浮动right元素向右浮动1.浮动的工作原理: …

html input readonly 和 disable的区别

为什么80%的码农都做不了架构师?>>> Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于…

img标签是什么元素?为何margin: 0 auto;对img标签失效?(含解决方法)

首先, img 标签是块元素、行内元素还是行内块元素? 可以肯定的说,img 标签确实是一个行内元素(不是我定义的,自己查官方文档) 但是也许有人好奇为啥 img 作为一个行内元素又可以设置宽高? 因为它…

java服务jar_JavaService以Windows服务部署jar包

在生产环境,可执行jar包如果仅以 java -jar的方式运行,多个后台服务进程名称区分不清,且重启等无法自动控制;所以使用java service,将jar包以windows服务的方式部署在服务器中。JavaService.exe -install aaaService &…

64位windows7 关机时Wdf01000.sys蓝屏

我的电脑是 thinkpad t430据说thinkpad的电源管理器 6.0以上版本 与t430不兼容 而导致蓝屏重启卸载电源管理器后 微软对0x0000007E解释的原因有这几种:• 如果在 Windows 安装过程中第一次重新启动后或在安装完成后出现此问题,则可能是计算机没有足够的硬…