vue使用的公司真的越来越多了,不管是做前端还是做JavaWeb都得掌握了,今天在用到饿了么框架table时遇到一个巨坑的问题,无法修改table的样式,真的快吐血了。绝大部分修改框架的样式只需重写官方的样式即可。但是在Vue中elementUI的框架不行,主要有两点(坑):(1)elementUI 的table样式是全局的(2)vue默认全局样式会覆盖局部
结合上面两个点的坑,你会发现你重写框架样式是无效的,因为vue默认全局样式会覆盖局部样式,而elementUI 的table样式是全局样式,你重写框架样式是局部样式。所以你重写的代码无效了
了解原理后我们就知道怎么修改它了,Vue中样式写法
修改问题很简单,但是坑很大,附上一张效果图,我把tabel样式全都改了
![ecb6a69186df87587bf05b496bccfab5.png](https://i-blog.csdnimg.cn/blog_migrate/27c7e18a1e906b8511ec29381314ed50.jpeg)