[Vue2 + ElementUI]开发记录

最新推荐文章于 2026-04-12 13:03:14 发布

原创最新推荐文章于 2026-04-12 13:03:14 发布 · 2.8k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue2 #elementUI #element #tree

收录于

Vue2 同时被 2 个专栏收录

2 篇文章

订阅专栏

ElementUI

1 篇文章

订阅专栏

本文介绍如何为Vue2中的ElementUI Tree组件定制样式，包括使用scoped样式局部覆盖默认样式以及直接修改全局样式的方法。

持续更新…

2017/4/9:

修改ElementUI tree组件<el-tree-node>原有样式

//有scoped是vue2的
<style scoped>
  .nav-tree{
    color: #ffffff;
    background-color: #324057;
    border: none;
  }
</style>

//修改原样式在没scoped的style内
<style>
  .el-tree-node:hover{
    background-color: red;
    border: none;
  }
</style>