el-select 在ios中需要点击两次才能选中---fastclick的使用

在给网页做移动端适应时发现，在IOS环境中，elementUi-plus的select组件需要点击两次才能弹出下拉与选中，对使用体验不太好。百度到的解决方案为设置scrollbar中的opacity

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

或

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

但上诉写法在实际使用中并没有效果。

经过了解可以使用fastclick插件来解决该问题。

1、介绍

Fastclick插件解决了click事件在移动端触发时有大约300ms延时的问题。另外，Fastclick在PC端也能响应并解决了延时问题，这极大提高了用户浏览体验的效果，使操作更加灵敏

2、使用方式

2.1 安装

npm install fastclick --save

2.2 在main.js中引用

import FastClick from 'fastclick';

// vue2的用法
FastClick.attach(document.body)

// vue3的用法
FastClick(document.body)