[前端]vue/element ui项目下拉选项和日期选择器的坑

当页面存在滚动的情况,下面的下拉选项你会发现跑上面去了,甚至有时候根本不见了,
通过各种查资料,结果发现,下拉选项的定位是相对于body,所以一直是相对于body定位,虽然是固定定位,但是在存在弹出框,页面滚动的情况,改变定位是没用的,你需要改变他的父级元素相对与el-select而不是body.不说多了,看图吧

1.第一步,你需要给选项设置自定义类和一个属性改改变他的父级元素

2.设置完后,去控制台就会看到,选项现在的父级元素已经改变,然后改变样式就可以,就不用固定定位了,给他的父元素设置相对定位,他设置绝对定位就可以.

改完之后的效果

顺便说一下,日期选择器的append-to-body我在官网没看到有这个,我也是网上找的,然后自己测试的,发现可以改变它的父级元素