如何解决 vue element el-select 在ios手机上点击两次才生效选中,

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;
    }
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

相关阅读更多精彩内容

友情链接更多精彩内容