如何解決 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;
    }
}
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
禁止轉載,如需轉載請通過簡信或評論聯系作者。

相關閱讀更多精彩內容

友情鏈接更多精彩內容