vue3 element ui plus select框的高度如何搞定它

开发中遇到了一个比较麻烦的事,就是我弹出框的大小是固定的,结果select的内容太多一下就挤出来了。刚开始解决思路是想着看能不能把弹出框给他设置一下hidden,结果尝试了不行的,原因是因为select的下拉框是设置了层级的这个办法行不通,那就从出问题根本来解决那就是把它的select的高度给它定一下,但是这个在做样式穿透的时候是不生效的,我放在了scope下面是不生效的。
废话不多说先上代码
vue3 element ui plus select框的高度如何搞定它_第1张图片

这里给option添加一个父类这样给父类设置高度就可以了。如果给他设置一个高度就长这样了
vue3 element ui plus select框的高度如何搞定它_第2张图片
这时候给他高度变成max-heigth就可以了
vue3 element ui plus select框的高度如何搞定它_第3张图片
如果有更好的解决方式请多指教~

你可能感兴趣的:(vue.js,前端)