美文网首页
如何解决 vue element el-select 在ios手

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

作者: 加冰宝贝 | 来源:发表于2023-08-17 16:31 被阅读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;
    }
}

相关文章

网友评论

      本文标题:如何解决 vue element el-select 在ios手

      本文链接:https://www.haomeiwen.com/subject/rvhrmdtx.html