【Element】级联选择器高度位置不对的问题

最新推荐文章于 2023-09-12 15:55:52 发布
原创 最新推荐文章于 2023-09-12 15:55:52 发布 · 121 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #前端 #html #css3 #javascript

在更新Element UI到最新版本后，遇到了级联选择器位置错位的问题。通过在全局CSS中添加特定样式代码，成功解决了级联菜单高度不正确导致的布局异常。

在做电商后台管理系统项目事遇到的问题，可能视频是去年的，element现在已经是新版本了，有些地方修改了，从而导致了以下问题

级联选择器的位置不对

解决的方法就是在全局css中添加以下代码：

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

完美解决！！！

Element-ui的级联选择器高度和内容显示错误
weixin_44202529的博客
07-03 700
在使用Element-ui写项目的时候，使用到里面的一个叫Cascader 级联选择器的组件。 这个组件正常的效果是这样的： 1.x版本的级联选择器的代码如下： <div class="block"> <span class="demonstration">hover 触发子菜单</span> <el-cascader expand-trigger="hover" :options="options" v-model="select
全国地区 省市区县街道 （element级联选择器适用）.json
09-06
全国地区 细分至省市区县街道 element级联选择器适用
对于Element UI 下拉框和级联选择器位置错乱问题
qq_37212396的博客
01-26 1832
对于Element UI 下拉框和级联选择器位置错乱问题
Element-ui 中使用Select选择器出现错位问题
Tianxiaoxixi的博客
07-27 2507
Element-ui 中使用Select选择器出现错位问题
Cascader 级联选择器定位问题解决
junhian的博客
04-26 1422
Cascader 级联选择器定位问题解决
【element】el-cascader下拉面板错乱问题
zhaojingj_的博客
11-19 2753
问题复现 cascader下拉框里有多级可选项，选最后一层时没有问题，选择中间层时页面左上角会出现一个固定的下拉面板： 解决方案 在cascader上添加**:append-to-body=“false”**属性
详解关于element级联选择器数据回显问题
10-17
本文将详细探讨 Element 级联选择器的数据回显问题及其解决方案。 首先，让我们看看问题的背景。在给定的代码段中，我们看到一个基于 Element UI 的级联选择器（Cascader）用于选择部门名称。级联选择器的属性配置...
【JavaScript源代码】elementUI实现级联选择器.docx
12-28
### JavaScript与ElementUI实现级联选择器 #### 一、引言 在现代Web开发中，用户界面的设计和交互逻辑的实现变得越来越重要。其中，级联选择器是一种常见的控件，广泛应用于需要多层级选择的场景，如省市县选择等...
Vue+ElementUI 中级联选择器Bug问题的解决
11-19
解决这个问题的一种方法是在全局CSS样式文件中设定级联选择器的高度，将其限制在一个合适的范围内，确保其始终在可视窗口内。 示例代码： ```css .el-cascader-panel .el-cascader-node__postfix { height: 34px; ...
el-cascader 回显 下拉框最后一级定位在上一次位置 解决方案
qq_37592561的博客
07-10 2780
el-cascader 下拉框回显问题回显定位还是在上一次位置解决方法 回显定位还是在上一次位置 解决方法 增加ref属性 <el-cascader v-model="modeValue" :options="modeOptions" @change="modeChange" ref="cascader" :props="{ checkStrictly: true ,value: 'modId', label: 'modName', children: 'nextModu
element 中select下拉框和el-popover下拉框 位置偏移的情况
逆风优雅的博客
07-28 7958
在el-select中添加teleported="false"既可解决。同样添加teleported='false'
Element el-cascader 级联选择器详解
热门推荐
编程副队长
09-01 4万+
本文目录1. 概述2. 数据绑定2.1 默认数据绑定 1. 概述 级联选择器用途比较广泛，例如选择人员所属的单位，可以从总公司-分公司-部门-子部门这样级联选择下来。 如果自己去实现一个级联选择器，实际上是难度较大的，Element提供了一个功能相当完善的级联选择器，本篇文章就进行一个详细的介绍。 2. 数据绑定 2.1 默认数据绑定 级联选择器默认会绑定一个数组，节点的显示文本和值分别对应label、value属性，节点的后代对应children属性。示例代码如下： 默认数据绑定,选中值{{value}
el-cascader级联选择器的搜索问题(有数据,但是没有搜索出来)
Franky
01-15 7269
问题重现: 当我搜索贵州的时候,并没有显示贵州的公司出现 代码如下: 然后查看elementui文档,一脸懵 然后我就想通过自定义的搜索逻辑去看看,结果发现是一样的,还是没有。无奈之下,只能看源码了。 原来是过滤掉了 所以问题就出在这个checkStrictly,再回到elementui上 在porps里加上这个checkStrictly属性,然后就出来了 ...
vue-element-el中的Cascader级联选择器的显示不全占满浏览器
weixin_45905537的博客
09-02 2680
使用element-el中的el-cascader级联选择器时数据显示不全，溢出浏览器 问题：在ElementUI的2.13.2版本中直接引入级联选择框cascader在浏览器中显示异常，数据过多时级联选择框弹出来的panel高度溢出浏览器 解决办法：在global.css中添加全局样式 .el-cascader-panel { height: 300px; } ...
elementUI el-select模糊搜索，固定位置在选择框下面，value绑定对象显示，key显示id
qq_42440919的博客
01-28 2832
elementUI el-select 固定位置 模糊搜索 清空
el-select下拉框定位问题
qq_36093530的博客
09-12 1682
el-select所在页面滚动时或者el-select上面区域高度发生变化时，el-select下拉框定位问题
el-select下拉框出现了偏移
逆风优雅的博客
04-14 2491
原因是：下拉框的定位是根据body进行了定位，所以位置没有正对着下拉的位置 解决方法是： :popper-append-to-body="false" 将根基body定位设置为false即可。 如下图：
Ant Design vue中select下拉框组件偏移问题
first_shun的博客
09-12 5378
当使用antdesign vue中的select出现下拉框位置偏移的时候
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值