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;
}
}
网友评论