Element UI 修改样式不生效（例如修改树形控件节点高度）

很多时候 Element UI 组件自带的样式不是我想要的，通过检查元素获取到组件的 class 名称，在style里面去重写，比如树形控件的节点高度，结果发现不起作用，这个问题困扰了我好几天，真的好几天，连百度相关词条都有，硬是找不到解决办法，今天也不知道哪根筋搭对了，我把 样式标签  <style scoped></style> 里面的 scoped 去掉，样式就生效了。

<style scoped> </style>
==>
<style> </style>

关于style标签上使用scoped ：

在vue组件中，为了使样式私有化（模块化），不对全局造成污染，可以在style标签上添加scoped属性以表示它的只属于当下的模块，这是一个非常好的举措，但是要慎用！因为在我们需要修改公共组件（三方库或者项目定制的组件）的样式的时候，scoped往往会造成更多的困难，需要增加额外的复杂度，就比如重写样式不生效这种问题。

最终问题解决，之前没深究，直接用了scoped，踩了坑，以后不会了，但是该用的时候还是要用的。

 

2020.08.09 更新：

百度发现了更好的方式，上面的知识可以歇菜了！

vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。

<