如何解决 vue element el-select 在ios手

2023-08-17  本文已影响0人  加冰宝贝

1.在 el-select 添加 popper-class="popper-scrollbar-show"

<el-select v-model="form.propertyObject" clearable placeholder="请选择对象" popper-class="popper-scrollbar-show">
                            <el-option v-for="item in socPropertyObjectOptions" :key="item.dictValue" :label="item.dictLabel"
                                                 :value="item.dictValue"
                            />
                          </el-select>

2.在 css中添加

// 解决el-select组件在IOS移动端的兼容问题,点击2次才能选中 Start
        .popper-scrollbar-show {
          .el-scrollbar {
            > .el-scrollbar__bar.is-vertical  {
              display: block !important;
              // opacity: 1 !important;
            }
          }
        }

3.在App.vue 全局主文件 的 css 文件添加 css 样式

.el-scrollbar {
    .el-scrollbar__bar {
        opacity: 1 !important;
    }
}
上一篇 下一篇

猜你喜欢

热点阅读