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

  当我们在使用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>

如果不报错，你说明你已经安装成功scss,直接npm run build解决问题。如果不成功，获取安装scss失败，可以找我联系。