element-plus组件中el-scrollbar 横向滚动条隐藏解决方案

要想隐藏浏览器的原生滚动条,可以使用负边距 + 父容器截断的方法,详见此篇文章。
现在要实现隐藏组件库中的滚动条,因官方文档中没有具体的实现方法,所以直接查看el-scrollbarDOM结构,实现方法如下:
在这里插入图片描述
可进行添加和修改样式

:deep(.el-scrollbar__bar.is-horizontal){height: 0 !important;display: none !important;
}

结语:
组件库可以帮助我们简单实现许多功能,但是在实际开发中还可能会遇到一些需要更改组件库样式的内容,如果官方文档中无法实现该功能,那么就可以使用查看组件库DOM结构的方法进行修改,以此来达到要实现的内容。