vue使用element或iview组件库不能改变组件css样式

去除style标签中的scoped即可

当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件。也就是说，该样式只能适用于当前组件元素。通过该属性，可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上了scoped，相当于实现了样式的模块化。（本段话引用自https://www.jianshu.com/p/c46b1f651ba8）

也就是：<style lang="scss" scoped>改为<style lang="scss" >
注意！！！为了避免样式污染（也就是当前页面修改了组件的样式，其他的页面相同组件受到影响，样式也被修改），最好是在修改的组件前面加上独有的id或者class

例如：ivew的分割线样式修改
div中：

  <div class="special-Divider">
      <Divider />
  </div>`

style中：

.special-Divider{
  .ivu-divider{
    background-color: red;
  }
}

这里的ivu-divider就是分割线组件在代码中的class
打开浏览器F12，


在这里ivew的分割线被修改为了红色