用了elementui中的组件,设置样式时始终不生效的解决方案

原因:可能是因为加了scoped后使用到里面样式的dom会添加data-v-xxxx这种属性防止css污染,但是message生成的dom是没有添加data-v-xxx属性的,所以样式无效。

  1. 方法一:解决方案:去掉style里面的scoped
  2. 方法二:操作原生DOM添加样式(先添加类名,然后再用getElementByClassName获取class类名,再进行设置样式即可)用了elementui中的组件,设置样式时始终不生效的解决方案_第1张图片

总结:一个是去掉scoped,另一个是加上v-deep,最后就是在f12定位到对应类型,在代码中加上!important。 

用了elementui中的组件,设置样式时始终不生效的解决方案_第2张图片 

你可能感兴趣的:(elementui,前端,javascript)