大屏项目，在全屏和非全屏的情况下，el-select和el-option一直等宽

最新推荐文章于 2025-02-08 14:37:05 发布

前端妹妹

最新推荐文章于 2025-02-08 14:37:05 发布

阅读量586

点赞数

分类专栏： vue 文章标签： html5 前端 html

本文链接：https://blog.youkuaiyun.com/weixin_44029605/article/details/125980756

版权

在全屏和非全屏切换的前端大屏项目中，为保持UI一致性，需要确保el-select组件及其el-option子项始终保持等宽。本文探讨如何通过获取元素宽度并进行相应设置来实现这一目标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    <el-select
                      class="section-select section-select__1 typical_room"
                      popper-class="typical_room_select"
                      v-model="typical_room"
                      style="display:block;"
                      placeholder="选择"
                      ref="columnContentSelect"
                      @focus="focusInput"
                    >
                      <el-option
                      :style="{'width': selectOptionWidth}"
                        label="回水占比标定"
                        value="0"