解决el-select组件在IOS移动端点击两次才能选中的问题

今天遇到一个问题，在ipad上面点击el-select的选项，要点击两次才能选中，安卓上面没有遇到类似的问题，还是第一次遇到这么奇怪的问题，然后就找到几种解决方案，记录在此

解决方法一：

 .el-scrollbar .el-scrollbar__bar {
      opacity: 1 !important;
 }

记住这个样式一定要放到全局作用域(例如App.vue)中，不是放在当前作用域中。如果还不生效可以加个/deep/再试试。

解决方法二：

安装插件fastclick

cnpm i fastclick -S

在main.js里引入并使用即可

import FastClick from 'fastclick'
FastClick.attach(document.body);

补充：fastclick 是具有消除移动端浏览器上的点击事件的 300ms 的延迟的作用。FastClick实现原理是在检测到touchend事件的时候，会通过DOM自定义事件立即发出模拟一个click事件，并把浏览器在300ms之后的click事件阻止掉。