Element-UI中的Cascader 级联选择器高度以及位置问题

迷路的鲸鱼丶 2020-03-09 10:50:45


高度算是改了一下 但是位置又对不上号了 应该是和以前版本不一样了的问题 但是要如何解决
...全文
8794 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
y2501104129 2021-08-11
  • 打赏
  • 举报
回复

这个控件宽度可以自适应吗

梨城毒妃 2021-08-03
  • 打赏
  • 举报
回复 5

在项目中的global.css文件中加
.el-cascader-panel {
height: 300px;
}
即可完美解决

img

springandme 2021-08-04
  • 举报
回复
@梨城毒妃 感谢, 有用!!!
weixin_45640518 2020-11-25
  • 打赏
  • 举报
回复 1
position:flex 找到class 在全局css文件中定义.el-cascader__dropdown{ top:300px !important; }
泡泡鱼_ 2020-11-18
  • 打赏
  • 举报
回复
引用 2 楼 scscms太阳光 的回复:
我猜应该是因为弹窗问题引起。首先你测试下在非弹窗下是否正常? 因为弹窗位置是会重新计算的并调整的,造成下拉列表计算不准确。可以尝试下延时渲染下拉列表。
+1 你试下初始不渲染,在mounted中用nextTick修改关联的状态值让它渲染
  • 打赏
  • 举报
回复
你们说的都不i对
FLTmiao 2020-09-25
  • 打赏
  • 举报
回复
应该要给外层弹框一个定位吧,设置position:relative呢
笑道三千 2020-09-25
  • 打赏
  • 举报
回复
我也遇到了这个问题,高度好解决,问题是位置,我把浏览器的宽度变更不会影响,但是更改浏览器的高度,就会让这个面板上下跑动了,目测组件内用的是定位做的。而且是基于浏览器的高度,而不是以那个选择框为基准进行定位。 浏览器变高之后,就下来了:
scscms太阳光 2020-03-10
  • 打赏
  • 举报
回复
我猜应该是因为弹窗问题引起。首先你测试下在非弹窗下是否正常? 因为弹窗位置是会重新计算的并调整的,造成下拉列表计算不准确。可以尝试下延时渲染下拉列表。
baiy20151018b 2020-03-10
  • 打赏
  • 举报
回复 1
如何改的高度?应该改.el-cascader-menu__wrap的高度

87,921

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧