用了elementui中的组件，设置样式时始终不生效的解决方案
后使用到里面样式的dom会添加data-v-xxxx这种属性防止css污染，但是message生成的dom是没有添加data-v-xxx属性的，所以样式无效。原因：可能是因为加了。
·
原因：可能是因为加了scoped后使用到里面样式的dom会添加data-v-xxxx这种属性防止css污染，但是message生成的dom是没有添加data-v-xxx属性的，所以样式无效。
- 方法一：解决方案：去掉style里面的scoped
- 方法二：操作原生DOM添加样式（先添加类名，然后再用getElementByClassName获取class类名，再进行设置样式即可）
总结：一个是去掉scoped，另一个是加上v-deep，最后就是在f12定位到对应类型，在代码中加上！important。
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
10
0- 0
已为社区贡献1条内容
所有评论(0)