今天写bug时 ,突然发现个element下拉框的样式出现错乱,折腾了大半个小时总算搞定了,这里分享下。
先上错乱图
element-ui select 下拉框位置错乱问题解决
看上图,正常情况下下拉选项应该贴着select框的,而此时两者相隔甚远
这个时候只能检查下元素了
element-ui select 下拉框位置错乱问题解决
检查元素可以看到,el-select默认插入到body中的,现在出现这个bug后我们就不能再插入到body中了
官网有个属性可以设置成不插入到body中,先在代码中用起来
官网链接:element的select组件
element-ui select 下拉框位置错乱问题解决
那这个时候还不能完全解决问题,我们需要重置下select的默认样式
在我们的style标签中写
element-ui select 下拉框位置错乱问题解决
只修改了两处地方就解决了这个bug,总体来说应该还是页面布局有点问题,但这个祖传代码已经不允许我大刀阔斧了。。。

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-22
  • 2021-07-22
  • 2022-12-23
  • 2021-06-14
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-31
  • 2022-12-23
  • 2021-10-24
相关资源
相似解决方案