.element ui select下拉框在ios移动端需要点击两次才能选中的问题修复

最新推荐文章于 2024-01-18 09:51:33 发布

转载最新推荐文章于 2024-01-18 09:51:33 发布 · 792 阅读

CC 4.0 BY-SA版权

原文链接：https://blog.csdn.net/qq_35675325/article/details/103497140?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.c

文章标签：

#css #elementui

本文解决ElementUI中Select组件在iOS设备上需双击才能选择的问题。通过安装SCSS并调整样式，实现单击即选，改善用户体验。

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

当我们在使用element ui开发项目的时候，select下拉框在PC端和安卓端显示正常，但是在ios系统上面需要点击两次才能选中数据，这是因为在iso系统上面和安卓端单击事件不一样，造成了这种差异，这对于我们的体验太差了，所以我们如何修复这个问题。

第一：安装scss，但是在安装scss过程中我遇到很多问题，如果出现“Module build failed: TypeError: this.getResolve is not a function”，这个sass-loader版本太高，改为7.3.1，详情请参考https://blog.csdn.net/qq_36069339/article/details/100544821?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task，这里面有例子。

第二，安装玩scss之后，在App.vue里面添加代码

<style lang="scss" >
.el-scrollbar {
  >.el-scrollbar__bar {
    opacity: 1 !important;
  }
}

</style>

转载：https://blog.csdn.net/qq_35675325/article/details/103497140?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param