1.在 el-select 添加 popper-class="popper-scrollbar-show"
<el-select v-model="form.propertyObject" clearable placeholder="請(qǐng)選擇對(duì)象" 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移動(dòng)端的兼容問題霜幼,點(diǎn)擊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;
}
}