vue3,Element Plus中隐藏树el-tree滚动条

el-tree,节点过多,默认会出现垂直滚动条,显得不美观

可以使用隐藏组件 el-scrollbar 将 el-tree 包裹,就可以隐藏垂直滚动条

<el-scrollbar>

<el-tree>

...

</el-tree>

</el-scrollbar>

html 复制代码
/* 滚动条禁用鼠标滚轮,需点击拖拉滚动 */
:deep .el-scrollbar__wrap {
  overflow-y: hidden;
}
相关推荐
GISer_Jing21 小时前
透过浏览器原理学习前端三剑客:HTML、CSS与JavaScript
前端·javascript·css·html
林希_Rachel_傻希希21 小时前
this 的指向与 bind() 方法详解
前端·javascript
Helloworld21 小时前
掌握 JavaScript 的“变色龙”——this 关键字完全指南
javascript
想要狠赚笔的小燕21 小时前
老项目救星:Vue3/Vite/JS 项目渐进式引入「代码 + Commit」自动化规范全指南(多人协作)
前端·vue.js
枫,为落叶1 天前
【vue】设置时间格式
前端·javascript·vue.js
渣哥1 天前
对象居然不用自己创建?Spring 依赖注入机制的真相惊呆了!
javascript·面试·github
勇敢di牛牛1 天前
Vue+mockjs+Axios 案例实践
前端·javascript·vue.js
Sheldon一蓑烟雨任平生1 天前
Vue3 Class 与 Style 绑定
vue.js·vue3·class与style绑定·绑定class·绑定style·vue3绑定class·vue3绑定style
Rhys..1 天前
JS - npm init
开发语言·javascript·npm
夏天想1 天前
复制了一个vue的项目然后再这个基础上修改。可是通过npm run dev运行之前的老项目,发现运行的竟然是拷贝后的项目。为什么会这样?
前端·vue.js·npm